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没过期
中间遇到一个问题:我在控制台中可以获取到 response header 里面的authorization那个字段,但是我前端axios拦截只能获取到这两个默认的!!!!
前端只能拿到默认值:
默认reponse header只能取到以下五个默认值
- Content-Language
- Content-Type
- Expires
- Last-Modified
- Pragma
- 要想取得其他的字段(自定义字段)需要在服务器端设置Access-Control-Expose-Headers 配置前端想要获取的header,比如authorization
参考链接: