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

相关文章
|
1月前
|
JSON JavaScript 前端开发
【Vue面试题二十四】、Vue项目中有封装过axios吗?主要是封装哪方面的?
这篇文章讨论了在Vue项目中封装axios的最佳实践,包括设置接口请求前缀、请求头、状态码、请求方法的封装,以及如何使用请求和响应拦截器来处理token和响应状态,从而简化HTTP请求的配置和错误处理,提高代码的可维护性。
【Vue面试题二十四】、Vue项目中有封装过axios吗?主要是封装哪方面的?
|
1月前
|
JavaScript C++
使用 Vite 创建 Vue3+TS 项目并整合 ElementPlus、Axios、Pinia、Less、Vue-router 等组件或插件
本文详细介绍了如何使用Vite创建Vue3+TypeScript项目,并整合ElementPlus、Axios、Pinia、Less、Vue-router等组件或插件的步骤和配置方法。
297 1
|
1月前
|
JavaScript 前端开发 C++
使用 Vue-Cli 创建 Vue3+TS 项目并整合 ElementPlus、Axios 等组件或插件
本文详细记录了如何使用Vue-Cli工具创建一个Vue3+TypeScript项目,并整合ElementPlus组件库和Axios等插件,包括项目的创建、配置、启动和插件封装使用等步骤。
23 0
|
1月前
|
JavaScript API
Vue2.X项目超简单整合Axios并使用
这篇文章提供了Vue 2.X项目中如何整合Axios的详细步骤,包括配置请求拦截器、响应拦截器、错误处理以及在Vue组件中调用Axios进行数据请求的方法。
23 0
|
3月前
|
前端开发 开发工具 数据安全/隐私保护
大事件项目13----axios请求拦截器,统一携带token
大事件项目13----axios请求拦截器,统一携带token
|
3月前
|
前端开发 开发工具 数据安全/隐私保护
开源项目推荐-vue2+element+axios 个人财务管理系统
【6月更文挑战第5天】项目简介 vue2+element+axios 个人财务管理系统 是基于 vue2+element+axios 等主流技术栈构建的免费开源的后台管理前端模板。 项目特色 • 简洁易用:无过渡封装 ,易上手。 • 权限管理:用户、角色、菜单、字典、部门等完善的权限系统功能。 • 基础设施:路由、代码规范、Git 提交规范、常用组件封装。 • 持续更新:持续更新,及时跟进最新的技术和工具。 项目预览 登录页面的为动态效果,在刚刷新或者刚进入的时候有个卫星环绕的动画效果,鼠标移动或者悬浮都有不同的动态效果。 首页首次进入效果:
63 1
|
2月前
|
API
前后端数据交互,API风格组合式API和选项式API,setup是一个标识,组合式编写的意思,使定义count.value的值自增的写法,组合式API使用axios的写法,ref定义响应数据写法
前后端数据交互,API风格组合式API和选项式API,setup是一个标识,组合式编写的意思,使定义count.value的值自增的写法,组合式API使用axios的写法,ref定义响应数据写法
|
2月前
|
前端开发
网页设计,若依项目修改(It must be done)02------axios封装后发get请求,axios请求的位置在呢?
网页设计,若依项目修改(It must be done)02------axios封装后发get请求,axios请求的位置在呢?
|
2月前
|
应用服务中间件
前后端数据交互之axios的路径怎样找?axios的路径是那个,是你打开Tomcat之后,出现的路径+你项目写的接口路径
前后端数据交互之axios的路径怎样找?axios的路径是那个,是你打开Tomcat之后,出现的路径+你项目写的接口路径
|
2月前
|
JavaScript 前端开发 数据格式
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
71 0