美文网首页Java技术
前端控制token过期

前端控制token过期

作者: 陈永仁lol | 来源:发表于2020-02-21 17:19 被阅读0次

需求:

只要用户有操作行为,token永不过期的做法

token过期时间一般由后台控制,例如后台设置2个小时token将会过期,那么无论用户有没有正在操作,2个小时后,token的值都会过期。

但是,用户肯定不希望是这种效果,操作到一半然后因为到了2个小时就强制退出登录,换谁都会有点炸毛。如果后台不能处理的话,其实也可以通过前端进行处理,但前提是必须由后台写多一个可以单独获取新的token的接口。

思路:

像我们做后台管理系统,一般token都会保存起来给每一个请求调用。

所以,每次在登录的时候,我们在保存token的同时,顺便把当前登录的时间戳也保存下来。并把时间戳存放在cookie中。(时间戳A)

在登录之后,我们每一个请求都要获取一下时间戳。(时间戳B)

假设token 两个小时后过期,我们每一次请求的时候都做一个判断:

时间戳B - 时间戳A > 1个小时 (当然,你也可以设置1个半小时之类的)

那么我们调用接口重新获取token. 

代码实现:

具体代码就不放上来的。

但是可以说几点需要注意的:

1、每次重新获取token之后,也要重新设置cookie中的时间戳,设置为当前时间戳,这样他就初始化了。

2、重新获取token的时间不要太晚,例如,两个小时过期,不要等到1个小时50分才去请求重新获取token,

      尽可能早点获取。

相关文章

  • 前端控制token过期

    需求: 只要用户有操作行为,token永不过期的做法 token过期时间一般由后台控制,例如后台设置2个小时tok...

  • token生成与过期机制(设置伪过期机制)

    这节了解下token的过期机制 那么token过期之后如何通知前端(是在过期后通知还是过期之前几秒通知)呢 以及前...

  • axios如何利用promise无痛刷新token

    需求 最近遇到个需求:前端登录后,后端返回token和token有效时间,当token过期时要求用旧token去获...

  • 无感刷新token

    需求 当token过期的时候,刷新token,前端需要做到无感刷新token,即刷token时要做到用户无感知,避...

  • oauth2设置token过期时间

    oauth2设置token过期时间,oauth2设置刷新token过期时间 oauth2设置token过期时间,在...

  • Vue项目refreshToken功能

    功能背景:后端技术调整后token过期非常短,短到10分钟就过期了,所以在登录之后会给前端一个refreshTok...

  • token 防盗链

    又拍云可以通过设置 token 密钥,配合签名过期时间来控制资源内容的访问时限。 token 防盗链的目的是使得每...

  • kubeadm 24h过期后,重新生成的token

    本文介绍kubeadm token过期后重新生成token,默认token的有效期为24小时,当过期之后,该tok...

  • 两个js文件中的方法互相调用

    写小程序时遇到token过期怎样无感知刷新的token,因为过期是在封装的request.js中,换token的接...

  • Token过期处理

    Token用于进行接口鉴权,但是Token具有由后端设置的过期时间,当Token过期以后,就无法再请求数据了项目中...

网友评论

    本文标题:前端控制token过期

    本文链接:https://www.haomeiwen.com/subject/svsnactx.html