五 token 检查超时时间处理 前端主动介入 和 被动处理

347 阅读1分钟

一 前端主动判断

思路: image.png

1.在单独的文件中,采用Cookies封装:get 和 set 一个时间戳

image.png

  1. 在用户登录成功之后,设置一个时间戳 image.png

  2. 在请求模块request.js中 引入获取时间戳的方法,并定义一个超时时间为3600s 一个小时

image.png

  1. 定义一个检查超时的方法,获取当前时间 和 存入的时间戳做对比 返回一个Boolean值

image.png 5. 在请求拦截器中 判断时间戳是否超时,如果第四步返回 fasle 则 登出 跳转到登录页面,并 return一个promise.reject(new Error('token超时了')) image.png

二 前端被动处理 (后端返回一个状态码 前端去判断)

image.png

image.png