Nuxt.js를 사용하여 Vuex 변수를 Axios로 전달하려면 어떻게 해야 합니까?

Nuxt.js를 사용하여 Vuex 변수를 Axios로 전달하려면 어떻게 해야 합니까?

실제로 Nuxt.js 프로젝트에서 Axios를 사용하여 Json 파일을 캡처하여 제 웹사이트에 표시하고 있습니다.Vuex의 변수 저장소를 사용하여 Axios get 요청 경로를 선택합니다.

여기 내 말이 있다<script>외관:

<script>
import axios from 'axios'
import vuex from 'vuex'

export default {

  async asyncData({ }) {
    const json = await axios.get(`https://myurl.com/${$store.getters["getPath"]}`)
    return { json }
  }
}
</script>

그건 좋은 방법이 아닌 것 같아요.콘솔 에러가 표시됩니다.ReferenceError: store is not defined.

잘 부탁드립니다!

사용 중asyncData액세스 할 수 없는 방법this키워드 때문에asyncData메서드가 수신하는 것은contextAxios, Vuex 등에 액세스할 수 있는 인수로 객체를 지정합니다.따라서 Axios와 Vuex를 Import할 필요가 없습니다.

export default {
  async asyncData({ $axios, store }) { //here we get Axios and Vuex
    const json = await $axios.get(`https://myurl.com/${store.getters["getPath"]}`)
    return { json }
  }
}

언급URL : https://stackoverflow.com/questions/57677020/how-to-pass-to-axios-a-vuex-variable-using-nuxt-js