大事件项目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 进行提交

相关文章
|
16天前
|
前端开发 开发工具 数据安全/隐私保护
大事件项目13----axios请求拦截器,统一携带token
大事件项目13----axios请求拦截器,统一携带token
|
11天前
|
API
前后端数据交互,API风格组合式API和选项式API,setup是一个标识,组合式编写的意思,使定义count.value的值自增的写法,组合式API使用axios的写法,ref定义响应数据写法
前后端数据交互,API风格组合式API和选项式API,setup是一个标识,组合式编写的意思,使定义count.value的值自增的写法,组合式API使用axios的写法,ref定义响应数据写法
|
11天前
|
前端开发
网页设计,若依项目修改(It must be done)02------axios封装后发get请求,axios请求的位置在呢?
网页设计,若依项目修改(It must be done)02------axios封装后发get请求,axios请求的位置在呢?
|
11天前
|
应用服务中间件
前后端数据交互之axios的路径怎样找?axios的路径是那个,是你打开Tomcat之后,出现的路径+你项目写的接口路径
前后端数据交互之axios的路径怎样找?axios的路径是那个,是你打开Tomcat之后,出现的路径+你项目写的接口路径
|
13天前
|
JavaScript 前端开发 数据格式
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
15 0
|
2月前
|
JavaScript
axios拦截器:每次请求自动带上 token
axios拦截器:每次请求自动带上 token
33 0
|
2月前
|
前端开发
axios拦截器的使用?
axios拦截器的使用?
22 0
|
2月前
|
JavaScript
vue封装axios(用interceptors封装)
vue封装axios(用interceptors封装)
31 0
|
2月前
|
JSON 前端开发 JavaScript
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
283 0
|
13天前
|
前端开发 JavaScript 数据库
vue 使用 async 和 await 实现异步 axios 同步化(实战案例:数据异步校验通过后,再执行保存)
vue 使用 async 和 await 实现异步 axios 同步化(实战案例:数据异步校验通过后,再执行保存)
14 1