Nuxt nuxtServerInit现在被称为

问题描述 投票:0回答:1

我正在尝试在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
vue.js vuex nuxt.js
1个回答
0
投票

已解决!

该应用处于spa模式,而不是universal

© www.soinside.com 2019 - 2024. All rights reserved.