Question

Vue Nuxt nuxtServerInit 无法加载数据

2018-09-23

2665

vue.js vuex nuxt.js

在 Vuex Store 中，我定义了 nuxtServerInit() ，但它根本没有初始化！

import Vuex from 'vuex'
import mod1 from './modules/mod1'
import mod2 from './modules/mod2'

const store = () => {
    return new Vuex.Store({
        actions: {
            nuxtServerInit() {
                setTimeout(() => console.log('Hello'), 10000)   
            }
        },
        modules: {
           mod1,
           mod2
        }
    })
}

export default store

我做错了什么吗？请帮忙！

Answer 1

您确定您正在从 store/index.js 调用 NuxtServerInit 并且您不在模块模式中吗？

If you are using the Modules mode of the Vuex store, only the primary module (in store/index.js) will receive this action. You'll need to chain your module actions from there.

https://nuxtjs.org/guide/vuex-store/

Answer 2

您可以尝试以下示例

actions: {
  nuxtServerInit ({ commit }, { req }) {
    if (req.session.user) {
      commit('user', req.session.user)
    }
  }
}

更多详细信息这里