大事件项目13----axios请求拦截器,统一携带token

简介: 大事件项目13----axios请求拦截器,统一携带token

1、在我们获取用户信息的时候,都必须携带请求头,有没有什么办法可以解决重复的问题那?

2、为了解决这个问题,我们引入了axios的请求拦截器

3、请求拦截器的作用是什么,就是axios向接口服务器发送数据之前,会经历一个函数,我们将他称为请求拦截器

4、响应拦截器是响应会先经过一个函数,再返回给组件

5、如何添加请求拦截器函数,第一步,先给自己的axios添加请求拦截器

6、找到我们axios的封装,如果你没有封装,你就得,挨个写一遍,那你就妥了,封装是为了复用,也是为了以后迭代更新

7、请求拦截器函数的分析

8、axios

9、返回一个全新的promise对象,内部对象为拒绝状态

10、我们看一下config的值

11、在发起时,我要统一携带一个请求头和Authorization,怎么写

12、发现我不是组件,我得直接引入

13、给他携带上

14、我给他个判断,有值的时候,你再去登录

15、NetWork,请求头没有Authxxxxxx,因为登录只需要账号和密码

16、这边给他删掉

17、上面的store内容也给他删掉

18、git 提交,axios请求拦截器,统一携带请求头


相关文章
|
26天前
|
API
使用axios发送请求的格式是什么?示例代码
使用axios发送请求的格式是什么?示例代码
15 0
|
2天前
|
前端开发 开发工具 git
大事件项目15----axios响应拦截器,统一判断401做被动退出
大事件项目15----axios响应拦截器,统一判断401做被动退出
|
26天前
|
JSON JavaScript 前端开发
axios的post请求,数据为什么要用qs处理?什么时候不用?
axios的post请求,数据为什么要用qs处理?什么时候不用?
17 0
|
2月前
|
JavaScript
vue封装axios(用interceptors封装)
vue封装axios(用interceptors封装)
26 0
|
2月前
|
JSON 前端开发 JavaScript
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
256 0
|
2月前
|
XML JavaScript 前端开发
axios如何在vue中使用
axios如何在vue中使用
40 1
|
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
|
2月前
|
前端开发 JavaScript
1天搞定SpringBoot+Vue全栈开发 (7)Axios网络请求
1天搞定SpringBoot+Vue全栈开发 (7)Axios网络请求