⭐️⭐️⭐️  作者：船长在船上
🚩🚩🚩  主页：来访地址船长在船上的博客
🔨🔨🔨  简介：资深前端开发工程师，专注前端开发，欢迎咨询交流，共同学习

🔔🔔🔔   感谢：如果觉得博主的文章不错或者对你的工作有帮助或者解决了你的问题，可以关注、支持一下博主，如果三连收藏支持就会更好，在这里博主不胜感激！！！如有疑问可以留言、评论，看到后会及时回复。  

axios从入门到源码分析 

第 2 章：axios 源码分析 

2.1. 源码目录结构

2.2. 源码分析

2.2.2. instance 与 axios 的区别?  

1. 相同:

(1) 都是一个能发任意请求的函数: request(config)

(2) 都有发特定请求的各种方法: get()/post()/put()/delete()

(3) 都有默认配置和拦截器的属性: defaults/interceptors

2. 不同:

(1) 默认配置很可能不一样

(2) instance 没有 axios 后面添加的一些方法: create()/CancelToken()/all()

2.2.3. axios 运行的整体流程?  

 

2. request(config):

将请求拦截器 / dispatchRequest() / 响应拦截器 通过 promise 链串连起来,

返回 promise

3. dispatchRequest(config):

转换请求数据 ===> 调用 xhrAdapter()发请求 ===> 请求返回后转换响应数

据. 返回 promise

4. xhrAdapter(config):

创建 XHR 对象, 根据 config 进行相应设置, 发送特定请求, 并接收响应数据,

返回 promise

 

2.2.4. axios 的请求/响应拦截器是什么? 

 

1. 请求拦截器:

• 在真正发送请求前执行的回调函数
• 可以对请求进行检查或配置进行特定处理
• 成功的回调函数, 传递的默认是 config(也必须是)
• 失败的回调函数, 传递的默认是 error

2. 响应拦截器

• 在请求得到响应后执行的回调函数
• 可以对响应数据进行特定处理
• 成功的回调函数, 传递的默认是 response
• 失败的回调函数, 传递的默认是 error

 

2.2.5. axios 的请求/响应数据转换器是什么? 

2.2.7. error 的整体结构 

2.2.8. 如何取消未完成的请求?  

上一篇文章：

•  第 1 章：axios的理解和使用

 

   👉👉👉  欢迎来访船长在船上的博客，如有疑问可以留言、评论，看到后会及时回复。