nuxt의 비동기 데이터 함수의 vue 저장소에 액세스하는 방법

nuxt의 비동기 데이터 함수의 vue 저장소에 액세스하는 방법

다음과 같이 asyncData 기능을 사용하여 스토어에 액세스하고 싶은 컴포넌트:

asyncData({ app, params }) {
var url = `https://myapi/news/${app.$store.state.market}/detail/${params.id}`;
return app.$axios.get(url).then(response => {
  return { actu: response.data };
});

}

그러나 "미정의 속성 '상태'를 읽을 수 없습니다"라는 메시지가 수신되었습니다.

여기 가게의 상태를 알 수 있는 다른 곳이 있나요?

문맥에서 스토어를 가져와야 합니다.레퍼런스

asyncData({ app, params, store }) {
   var url = `https://myapi/news/${store.state.market}/detail/${params.id}`;
   return app.$axios.get(url).then(response => {
      return { actu: response.data };
});

이건 내게 효과가 있었다.

Store/index.js

...

state: {
  loadedPages: []
}
...

페이지입니다.

async asyncData(context) {
...
console.log(context.store.state.loadedPages)
...

}

언급URL : https://stackoverflow.com/questions/51556126/how-to-access-to-the-vue-store-in-the-asyncdata-function-of-nuxt