在nuxt中获取全局api数据

import axios from 'axios'

export default async ({ store }) => {
  const response = await axios.get('https://api.example.com/data') // 替换为实际的API地址
  store.commit('setData', response.data) // 将数据存储在Vuex中的setData mutation中
}

export default {
  // ...
  plugins: [
    '~/plugins/api.js'
  ],
  // ...
}

export const state = () => ({
  data: null
})

export const mutations = {
  setData(state, data) {
    state.data = data
  }
}

export default {
  async asyncData({ store }) {
    await store.dispatch('api/fetchData') // 调用Vuex中的fetchData action来获取数据
  },
  computed: {
    apiData() {
      return this.$store.state.api.data
    }
  }
}