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

vue项目token过期相关推荐

vue项目token放在哪里_关于vue动态菜单的那点事
vue-element-admin4.0国内节点访问地址:https://panjiachen.gitee.io/vue-element-admin-site/zh/ 本此使用的是https://gi ...
Vue 消除Token过期时刷新页面的重复提示
1.问题现象页面长时间未操作,再刷新页面时,第一次弹出"token失效,请重新登录!"提示,然后跳转到登录页面,接下来又弹出了n个"Token已过期"的后 ...
vue项目token放在哪里_vue开发--生成token并保存到本地存储中
首先回顾一下token: token认证是RESTFUL.api的一个很重要的部分,通过token认证和token设置,后端会有一个接口传给前台: http://localhost/yiiserver ...
vue控制token过期处理
后端控制登录用户的token是否存在过期行为,如在一个页面长期停留不操作后端则返回一个状态码如 401,前端可在二次封装的axios中统一错误处理那里检测401并清除该token,跳回白名单中的登录页 ...
token过期怎么办无感刷新token
(1)可以通过响应拦截器或者全局前置守卫强制跳转登录页 // 全局前置守卫 router.beforeEach((to, from) => {let token = sessionStorage ...
vue项目将token存在（vuex）store和localstorage中
文章目录一.准备工作和token 1.准备工作 2.介绍token用法二.创建storage,store,request 1.src目录: 2.封装storage(可选) 3.创建store 4. ...
vue项目实现登录(sessionStorage 存储 token)
前提参考:vue项目封装axios 思路: // 1, 前端校验,校验成功后向后台传用户名和密码(每次请求接口都要传 token) // 2, 后端收到请求,验证用户名和密码,验证成功,生成 toke ...
vue项目登录及token验证 vue-ant
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1.第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2.后端收到请求,验证用户名和密码,验证成功,就给前端返回一个to ...
vue axios封装以及登录token过期跳转问题
Axios配置JWT/封装插件/发送表单数据首先请务必已仔细阅读 Axios 文档并熟悉 JWT: 中文文档 JWT 中文文档安装 npm install axios npm install es ...

vue项目token过期

vue项目token过期相关推荐

最新文章

热门文章