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
• 用axios发送请求获取reponse header中的数据 - Hello-Tom - 博客园

参考链接：https://stackoverflow.com/questions/37897523/axios-get-access-to-response-header-fields