刷新后不能保持登陆

做外卖项目的时候,用户信息是存储在浏览器的,那么就有一个问题,就是页面一旦刷新就需要重新登陆,不能维持一个保持登陆的功能!害,头疼,其实这个项目已经做过去很久了,当时觉得很难解决,现在看来就是浏览器缓存的问题,所以说啊,得多学新知识才行,不过还是把当时我的解决方法分享出来,想多学习的小朋友们可以去看一下关于浏览器缓存的相关知识,我的博客里也有这方面的只是,欢迎浏览!!

答:登陆之后将用户信息保存在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
  }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值