前端无感登录(无感刷新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重新登录。

相关推荐
YAY_tyy3 分钟前
Vue3 + Three.js 实战:自定义 3D 模型加载与交互全流程
前端·javascript·vue.js·threejs
星河耀银海4 分钟前
3D效果:HTML5 WebGL结合AI实现智能3D场景渲染
前端·人工智能·深度学习·3d·html5·webgl
美狐美颜sdk5 小时前
从人脸关键点到动态贴图:面具特效在美颜SDK中的实现原理
前端·图像处理·人工智能·直播美颜sdk·美颜api
我命由我123455 小时前
React Router 6 - 编程式路由导航、useInRouterContext、useNavigationType
前端·javascript·react.js·前端框架·html·ecmascript·js
威联通网络存储5 小时前
告别掉帧与素材损毁:威联通 QuTS hero 如何重塑影视后期协同工作流
前端·网络·人工智能·python
anOnion5 小时前
构建无障碍组件之Tabs Pattern
前端·html·交互设计
一招定胜负6 小时前
课堂教学质量综合评分系统
java·linux·前端
2301_780669867 小时前
前端logo替换开发
前端·vue.js
启山智软7 小时前
【启山智软智能商城系统技术架构剖析】
java·前端·架构
我命由我123457 小时前
React Router 6 - 嵌套路由、路由传递参数
前端·javascript·react.js·前端框架·html·ecmascript·js