做外卖项目的时候,用户信息是存储在浏览器的,那么就有一个问题,就是页面一旦刷新就需要重新登陆,不能维持一个保持登陆的功能!害,头疼,其实这个项目已经做过去很久了,当时觉得很难解决,现在看来就是浏览器缓存的问题,所以说啊,得多学新知识才行,不过还是把当时我的解决方法分享出来,想多学习的小朋友们可以去看一下关于浏览器缓存的相关知识,我的博客里也有这方面的只是,欢迎浏览!!
答:登陆之后将用户信息保存在state中,一刷新信息就不在了,后端数据中,将user._id存储于session.userid中,session依赖于cookie,session关掉浏览器就访问不到了,cookie设置为了内存cookie,可以维持登陆一天
app.use(session({
secret: '12345',
cookie: {maxAge: 1000*60*60*24 }, //设置maxAge是80000ms,即80s后session和相应的cookie失效过期
resave: false,
saveUninitialized: true,
}));
根据session中的userid查询对应的user,如果能获取到用户信息,就说明已经登陆了,通过异步获取用户信息之后在app.vue中调用
//异步获取用户信息
async getUserInfo({ commit }) {
const result = await reqUserInfo()
if (result.code === 0) {
const userInfo = result.data
commit(RECEIVE_USER_INFO,{userInfo}) //提交mutation
}