Question

我正在尝试Udemy Nuxt.js课程，将我的应用程序连接到后端，尝试以下代码时，我在客户端获得GET http://localhost:3000/ 500（内部服务器错误），

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) {
               return axios
                .get('https://nuxt-blog-7a712.firebaseio.com/posts.json')
                .then((res) => {
                    const postArray = [];
                    for (const key in res.data) {
                        postArray.push({ ...res.data[key], id: key });
                    }
                    vuexContext.commit('setPost', postArray);
                })
                .catch((e) => context.error(e));
        },

WARN无法对函数transformRequest进行字符串化

WARN无法对函数transformResponse进行字符串化

WARN无法对函数httpAdapter进行字符串化

WARN无法对函数validateStatus进行字符串化

WARN无法将可写的任意非POJO字符串化

WARN无法对函数进行字符串化

我在Google上找到了一些答案，但找不到解决方法，一些帖子谈到了贬值包裹，但不知道该包裹的用途

Answer 1

也许来晚了，但是我也遇到了麻烦。警告不是破坏代码的原因，而是just warnings。

破坏代码的原因还必须是其他东西，但是看着您的代码我找不到。.

尝试更改

.catch((e) => context.error(e));

到

.catch((e) => console.log(e); context.error(e));

更好地了解发生了什么问题！

在nuxtServerInit

1 个答案: