如何在NuxtJs (vuex)中对所有路由和页面(spa模式)进行api调用？

$ mkdir store
$ touch store/index.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    // 定义存储API数据的状态
    apiData: null
  },
  mutations: {
    // 定义修改API数据状态的方法
    setApiData(state, data) {
      state.apiData = data
    }
  },
  actions: {
    // 定义触发API调用的异步操作
    async fetchApiData({ commit }) {
      try {
        // 发起API调用，获取数据
        const response = await fetch('https://api.example.com/data')
        const data = await response.json()

        // 将获取到的数据提交给mutation，更新状态
        commit('setApiData', data)
      } catch (error) {
        console.error('API调用失败：', error)
      }
    }
  }
})

export default store

export default {
  mounted() {
    this.$store.dispatch('fetchApiData')
  }
}