Question

我是nuxt的新手。我正在购物车网站上工作。我使用cookie来存储令牌。标头授权将添加到令牌中。然后发送到API以获取信息。在本地工作时，我测试得很好。然后，我运行命令“ npm run generate”并将文件上传到服务器。在服务器上测试时发现错误。已检查我是否使用nuxt-link执行nuxt路由器重定向可以从服务器获取信息（在选择购物车的过程中）。但是，当我刷新网页时（按F5键），出现内部服务器错误。大家会建议帮助解决此问题吗？谢谢！

下面是我的代码：
store / index.js（我不确定这是否是$ .cookiz.get（“ usertoken”）引起的问题）

export const state = () => ({
    cart: {},
  });
  export const mutations = {
    SET_CART_DATA(state, value) {
      state.cart = value;
    },
  };
  export const actions = {
    async nuxtServerInit({ commit, dispatch }, { req }) {
      await dispatch("CartData");
    },
    async CartData({ commit }, value) {
        const config = {
          headers: { Authorization: this.$cookiz.get("usertoken") },
        };
        const { data } = await this.$axios.get(
          process.env.baseUrl + `/shopcar`,
          config
        );
        commit("SET_CART_DATA", data);
    },
  };

购物车：

<template>
  <div>
    {{cart}}
  </div>
</template>
<script>
export default {
  data() {
    return {
        cart: this.$store.state.cart
    }
  }
}
</script>

错误消息： https://drive.google.com/file/d/1V7zbuM-RprV0DGH-AO0SwJIY6dbrjbAm/view?usp=sharing

Answer 1

如果您在开发人员工具中共享网络标签信息，则可以提供更多帮助

但是我认为在重新加载页面之后，存储变为空，因此没有数据可显示并不会引起问题，因此您可以使用localstarage或sessionstorage在浏览器中保存数据

我认为此链接可以为您提供帮助：

https://medium.com/js-dojo/how-to-permanently-save-data-with-vuex-localstorage-in-your-vue-app-f1d5c140db69

Nuxt Project 404页面刷新页面

1 个答案: