Nuxt Project 404网页刷新页面

Question

我是nuxt的新手。我在一个购物车网站上工作。我用cookie来存储令牌。标头授权将添加到令牌中。然后发送到API获取信息。我在本地工作时测试得很好。然后我运行命令"npmrungenerate"并将文件上传到服务器。在服务器上测试时发现错误。经检查，我使用nuxt链接执行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);
},
};

cart.vue:

<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