目录

vue项目token过期

目录

vue项目token过期

问题:vue项目token过期,后端会在token过期之前两秒钟在控制台的返给前端一个新的authorization(token)

token过期分析:1.jwt过期(其中一个过期)===> 后端返回新的token,重新赋值存储setToken

2.jwt过期和redis过期(两个头过期) ===> 直接返回/login页面

解决:后端把新的authorization(token)返到在response header 里面,前端在axios拦截中,判断response header中有没有authorization,有则setToken(token), 没有则说明token没过期

https://i-blog.csdnimg.cn/blog_migrate/2919bb74c83f54994294b43e47efc3df.png

中间遇到一个问题:我在控制台中可以获取到 response header  里面的authorization那个字段,但是我前端axios拦截只能获取到这两个默认的!!!!

https://i-blog.csdnimg.cn/blog_migrate/90e422d076acb1fd018bfdd3239aed89.png

前端只能拿到默认值:

https://i-blog.csdnimg.cn/blog_migrate/e3c1f375a00185e8f0848d18ba64e032.png

默认reponse header只能取到以下五个默认值

  • Content-Language
  • Content-Type
  • Expires
  • Last-Modified
  • Pragma
  • 要想取得其他的字段(自定义字段)需要在服务器端设置Access-Control-Expose-Headers 配置前端想要获取的header,比如authorization

参考链接: