在nuxtServerInit()中使用Axios

时间:2019-09-25 14:39:58

标签: vue.js axios vuex nuxt.js nuxtserverinit

我需要获取要在每页中显示的远程数据。

此通话在store/index.js中进行:

export const state = () => ({
  contact: {
    hello: "World"
  }
});

export const actions = {
  async nuxtServerInit({ commit, state }) {
    const { contactData } = await this.$axios.get("/contact");
    commit("SET_CONTACT", contactData);
  }
};

export const mutations = {
  SET_CONTACT(state, contactData) {
    state.contact = contactData;
  }
};

问题在于商店中contact的值变为undefined,而期望的内容是通过Axios检索的(检索到的内容显示在SSR控制台中...)

我在这里想念什么?

0 个答案:

没有答案