nuxt / vuexでaxios通信出来ない

Question

環境

laravel / nuxt.js

やりたいこと

axiosでlaravelのapiに通信し、vuexを使用して各コンポーネントでデータを扱えるようにしたい

試したこと

https://qiita.com/i88_arakawa/items/6ef5e339740883953d94
https://qiita.com/nunulk/items/0d50ac8cf7e16287f915

以上の２つの記事を参考にしながら、作成を進めています。
またyoutubeやudemyを使ってVuexについて学習しましたが、axiosに関しては言及がなかったので困っています。

実際のコード

laravelからは都道府県のデータを保持させており、ＵＲＬにアクセスすればデータは返ってくる状況です。
以下のコードは先述のqiitaの記事を参考に作成しました。

export const state = () => ({
  prefList: []
})

export const mutations = {
  setPref (state, prefList){
    state.prefList = prefList
  }
}

export const actions = {
  async getPref ({ commit }){
    const response = await this.$axios.$get('/api/master/prefectures/get');
    commit("setPrefectures", response)
  }
}

<template>
  <v-card>
   {{ prefList }}
  </v-card>
</template>

<script>
import { mapActions, mapState } from 'vuex'

export default{
  mounted(){
    this.getPref()
  },
  
  methods: {
    ...mapActions({
      getPref: 'master/getPref'
    })
  },

  computed: {
    ...mapState({
      prefList: (state) => state.master.prefList
    })
  }
};

</script>

各コンポーネントごとにaxios通信するのは効率が悪いような気がするので、一括で取ってきてvuexで管理すればいいのではないかと考えています。

しかし、vuexで非同期通信をする場合はactions内に記述するようにと勉強しましたが
そもそもaxiosに関する記事が少ないので、vuexを使用すること自体が間違っているのかとも思っています。

分らないことだらけですが、、お手引きを頂けたらと思います。
よろしくお願い致します。

Answer 1

https://qiita.com/yuya00/items/401248ba59630623e42f

こちらの通り、nuxt.config.js内のaxiosにてproxy:trueとすることによって解決しました。
URLでのアクセスは出来ますし、proxyの設定も行っていましたが、１文抜けていただけでした。
その為network errorとだけ表示されていたので、解決までに時間がかかりました。