大事件项目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月前
|
资源调度 JavaScript
|
2月前
|
缓存 JavaScript 搜索推荐
|
1月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
53 2
|
1月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
37 0
|
2月前
|
前端开发 JavaScript 安全
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
150 4
|
3月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
53 6
|
2月前
|
JavaScript API 开发工具
vue尚品汇商城项目-day02【11.对axios二次封装+12.接口统一管理】
vue尚品汇商城项目-day02【11.对axios二次封装+12.接口统一管理】
36 0
|
4月前
|
JSON JavaScript 前端开发
【Vue面试题二十四】、Vue项目中有封装过axios吗?主要是封装哪方面的?
这篇文章讨论了在Vue项目中封装axios的最佳实践,包括设置接口请求前缀、请求头、状态码、请求方法的封装,以及如何使用请求和响应拦截器来处理token和响应状态,从而简化HTTP请求的配置和错误处理,提高代码的可维护性。
【Vue面试题二十四】、Vue项目中有封装过axios吗?主要是封装哪方面的?
|
4月前
|
JavaScript C++
使用 Vite 创建 Vue3+TS 项目并整合 ElementPlus、Axios、Pinia、Less、Vue-router 等组件或插件
本文详细介绍了如何使用Vite创建Vue3+TypeScript项目,并整合ElementPlus、Axios、Pinia、Less、Vue-router等组件或插件的步骤和配置方法。
1775 1