一、如果是用Nuxtjs,请配置插件:
plugins:[
{src:'~/plugins/localstorage.js",ssr:false }
]
然后,在localStorage.js中:
import createpersistedstate from "vuex-persistedstate';
impont * as Cookies from "js-cookie";
let cookiestorage ={
getItem: function(key){
return Cookies.getJSON(key);
},
setItem:function(key,value){
return cookies.set(key,value,{expires:3, secure:false});
},
removeItem:function(key){
return cookies.remove(key);
}
};
export default(context)>{
createpersistedState({
storage:cookiestorage,
BetState:cookiestorage.getItem,
setstate:cookiestorage.setItem
})(context.store);
};
二、Nuxtjs的fetch只用于store,不能用来设置数据,可以用AsyncData设置教据,用在路由页面即可
三、fetch官方文档很清楚了:服务端或切换至目标路由之前
四、可以用nuxtServerInit+express session存储用户登录
本文介绍了如何在Nuxt.js应用中配置Vuex状态持久化,使用`vuex-persistedstate`插件结合`js-cookie`来存储用户状态,并在服务器端初始化时通过`nuxtServerInit`和`expresssession`处理用户登录状态。同时,澄清了fetch方法在Nuxt.js中的用途,强调其仅适用于store,而推荐使用`AsyncData`在路由页面设置数据。
1303

被折叠的 条评论
为什么被折叠?



