一、如果是用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存储用户登录