javascript - 在nuxtServerInit操作中使用axios进行http调用

我正在一个静态网站上，该网站从WordPress API获取内容。

我希望在网站菜单上将内容保存在nuxt商店中，并在nav组件上可用。

我查看了nuxt服务器和nuxtServerInit操作的文档，但没有找到一个很好的示例来说明如何在此操作中进行轴调用，以及如何获取组件上的存储。


  我找到了，但是不起作用.. https://github.com/nuxt/nuxt.js/issues/2307


非常感谢你的帮助。

最佳答案

尝试这个

商店/index.js

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

export const actions = {
  // nuxtServerInit is called by Nuxt.js before server-rendering every page
  async nuxtServerInit({ commit, dispatch }) {
    await dispatch('storeDispatchFunc')
  },

  // axios...
  async storeDispatchFunc({ commit }) {
    const { data } = await this.$axios.get('/api/wp....')
    commit('SET_DATA', data)
  },
}

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