在nuxtServerInit和nuxt.config.js中使用axios

时间:2019-09-20 10:00:16

标签: vue.js nuxt.js

根据Nuxt生命周期。 nuxtServerInit在中间件之前渲染。同时,middleware包含nuxt.config.js,我在其中导入了axios

modules: [
    '@nuxtjs/axios',
]
axios: {
    baseURL: '/someurl.com/',
  },

因此,此axios在我的商店模块中使用

export const actions = {
  async fetchCategories({ commit }) {
    const data = await this.$axios.$get(`/categories/`)
    commit('setCategory', data.categories)
  }
}

这个action正在通过index.js呼叫我的nuxtServerInit

export const actions = {
  async nuxtServerInit({ dispatch }) {
    await dispatch('category/fetchCategories')
  },
}

在我的主要问题中,简而言之,nuxt在这种情况下的行为。 生命周期的第一步是调用nuxtServerInit,它依赖于axios(中间件)中的nuxt.config.js$places = $wpdb->get_col($wpdb->prepare("SELECT DISTINCT meta_value FROM $wpdb->postmeta WHERE meta_key = %s ORDER BY meta_value ASC", $metakey) ); if ($places) { foreach ($places as $place) { echo "<option value=\"" . $place . "\">" . $place . "</option>"; } } 是在`nuxtServerInit之后调用的。

我想你救了我

0 个答案:

没有答案