大事件项目15----axios响应拦截器,统一判断401做被动退出

简介: 大事件项目15----axios响应拦截器,统一判断401做被动退出

1、如果在实际使用过程中,token的有效期过期了怎么办

2、 现在token,过期了,之前的项目会回到登录页吗?不会,过期是后端的位置,但是前端的vuex中一直会有,前端是无法判断token过期的

3、这里,我们可以响应拦截器中对401状态码,进行处理

4、

5、这里必须用dir,log打印不出错误来

6、这里携带了请求头,也返回了响应结果

7、后端返回来了一个响应结果

8、我不能等两个小时才等token过期,现在怎样让token提前过期

9、刷新一下,取一下默认的token

10、现在我想拿到这个状态码

11、本次响应是token过期了

12、还是把路由对象引入过去

13、被动退出的写法

14、破坏后,定点破坏token

15、如果你想拿到登录弹框,就这样引入

16、用户弹框的写法

17、弹框提示

18、最后git 进行提交

相关文章
|
2天前
|
前端开发 开发工具 数据安全/隐私保护
大事件项目13----axios请求拦截器,统一携带token
大事件项目13----axios请求拦截器,统一携带token
|
2月前
|
前端开发 JavaScript 数据格式
vue3中axios添加请求和响应的拦截器
vue3中axios添加请求和响应的拦截器
25 1
|
2月前
|
JavaScript
axios拦截器:每次请求自动带上 token
axios拦截器:每次请求自动带上 token
20 0
|
2月前
|
前端开发
axios拦截器的使用?
axios拦截器的使用?
18 0
|
2月前
|
缓存 前端开发 JavaScript
前端vue3分享——项目封装axios、vite使用env环境变量
前端vue3分享——项目封装axios、vite使用env环境变量
80 0
|
2月前
|
JavaScript
vue封装axios(用interceptors封装)
vue封装axios(用interceptors封装)
26 0
|
2月前
|
JSON 前端开发 JavaScript
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
256 0
|
6天前
|
JavaScript
vue对axios封装
vue对axios封装
15 2
|
6天前
|
存储 JSON 自然语言处理
SSMP整合案例交互之在idea中利用vue和axios发送异步请求进行前后端调用
SSMP整合案例交互之在idea中利用vue和axios发送异步请求进行前后端调用
12 2
|
6天前
|
JavaScript 前端开发 Java
vue使用axios与springboot通讯
vue使用axios与springboot通讯
11 0