Question

我正在通过WordPress API构建Nuxt网站。在我的WordPress网站上，有一个带有各种设置的“选项”页面。由于这些是全局站点设置，因此只需加载一次。因此，我想将它们存储在store/options.js的NuxtJS应用程序中。

我正在尝试对适当的资源进行axios调用，然后在我的应用程序中查看我的$state数据（以便随后在站点中使用它）。

到目前为止，这是我的代码，但是对于options.config

，商店仍然是空的

store / options.js

import axios from 'axios';
axios.defaults.baseURL = `https://myexamplewpsite.com/wp-json/my-custom-endpoint-route`;

export const state = () => ({
  config: {},
});

export const mutations = {
  SAVE_OPTIONS(state, config) {
    state.config = config;
  },
};

export const actions = {
  nuxtServerInit ({ commit }) {
    return axios.get(`/options?id=site-settings`).then(response => {
      commit(`SAVE_OPTIONS`, response.data.data);
    });
  }
};

pages / index.vue

export default {
  mounted () {
    console.dir(this.$store.state.options);
  },
};

NuxtJS获取API数据并在商店中使用

0 个答案: