token的工作原理

 1、用户登录时向服务器提供“身份鉴权信息”(登录账号、密码)。

 2、服务器去数据库用户表中验证身份鉴权信息。

    (1)通过验证:向浏览器发放token令牌及令牌有效期。

    (2)未通过验证:返回提示语,禁止登录。

 3、前端将令牌及令牌有效期(甚至可以是整个用户信息)存储至vuex和Storage本地存储中。

 4、一旦登录成功,为vuex添加一个记录有效期时间戳的分量:

    expiresTime:new Date().getTime() + payload.expires*1000;

 5、在登录界面的mounted()钩子函数中,判断token是否过期。

    if(有token && 尚未过期){                   

if(this.userInfo.token && new Date().getTime()<this.userInfo.expiresTime)

       // 直接跳转至登录成功后的页面

       this.$router.replace(‘/main’);

}

 6、在安全退出命令中,直接将token取消。

    this.setUserInfo({});

    this.$router.replace(‘/’);

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值