前端无感登录(无感刷新token)

  1. 在响应器中拦截(判断token返回过期后,调用刷新token的接口)

  2. 后端返回过期时间,前端判断token的过期时间,去调用刷新token的接口

  3. 写定时器,定时刷新token接口
    流程:

  4. 登录成功后保存两个token(登录成功的token)和refresh_token(重新调用新token的接口的token)

  5. 在响应拦截器中对401状态码引入刷新token的api方法调用

  6. 替换保存本地新的token

  7. 把错误对象里的token替换

  8. 再次发送未完成的请求

  9. 如果refresh_token也过期了,就要清除所有token重新登录。

相关推荐
码界奇点几秒前
基于Spring Cloud Alibaba与Vue.js的分布式在线教育系统设计与实现
前端·vue.js·分布式·spring cloud·架构·毕业设计·源代码管理
fruge1 分钟前
Web Components 封装实战:打造可复用的跨框架组件
前端
糖墨夕1 分钟前
超越随机:JavaScript中真正可靠的唯一标识符生成策略
前端·javascript
码界奇点1 分钟前
基于SpringBoot3+Vue的前后端分离电商系统设计与实现
前端·javascript·vue.js·spring·毕业设计·鸿蒙系统·源代码管理
wordbaby10 分钟前
macOS ⇄ Android 局域网无线传输 APK 终极方案
前端
m0_4711996311 分钟前
【vue】通俗易懂的剖析vue3的响应式原理
前端·javascript·vue.js
LYFlied15 分钟前
【一句话概括】前端项目包管理器怎么选?
前端·npm·pnpm·yarn
Sui_Network18 分钟前
Sui 主网升级至 V1.61.2
大数据·前端·人工智能·深度学习·区块链
哟哟耶耶20 分钟前
css-Echarts图表tooltip / label文本过长 超出屏幕边缘或容器范围
前端·javascript·echarts
郑州光合科技余经理21 分钟前
解决方案:全球化时代下的海外版外卖系统
大数据·开发语言·前端·javascript·人工智能·架构·php