Question

我正在尝试在Nuxt中设置store / index.js，但不理解为什么未调用nuxtServerInit。我已经添加了console.log来对其进行测试，但是它似乎无法正常工作或无法输出日志。

import Vuex from 'vuex'
import axios from 'axios'

const createStore = () => {
    return new Vuex.Store({
        state: {
            loadedPosts: []
        },
        mutations: {
            setPosts(state, posts) {
                state.loadedPosts = posts;
            }
        },
        actions: {
            nuxtServerInit(vuexContext, context) {
                console.log('Init works!');

                return axios.get("<firebase.link>")
                    .then(res => {
                        const postsArray = []
                        for (const key in res.data) {
                            postsArray.push({...res.data[key], id: key})
                        }
                        vuexContext.commit('setPosts', postsArray)
                    })
                    .catch(e => context.error(e))
            },
            setPosts(vuexContext, posts) {
                vuexContext.commit('setPosts', posts)
            }
        },
        getters: {
            loadedPosts(state) {
                console.log("Here we go",state.loadedPosts);

                return state.loadedPosts
            }
        }
    })
}

export default createStore

Answer 1

解决了！

该应用程序处于 spa 模式，而不是通用。

Nuxt nuxtServerInit现在被调用

1 个答案: