一、axios的基本使用

1.1 安裝axios

執行命令：npm install axios --save

1.2 發送get請求演示

1.3 發送并發請求

有時候, 我們可能需求同時發送兩個請求

• 使用axios.all, 可以放入多個請求的數組.
• axios.all([]) 返回的結果是一個數組，使用 axios.spread 可將數組 [res1,res2] 展開為 res1, res2

1.4 全局配置

在上面的示例中, 我們的BaseURL是固定的

• 事實上, 在開發中可能很多參數都是固定的.
• 這個時候我們可以進行一些抽取, 也可以利用axiox的全局配置
• 
  

1.5 常見的配置選項

1.6 axios的實例

為什么要創建axios的實例呢?

• 當我們從axios模塊中導入對象時, 使用的實例是默認的實例.
• 當給該實例設置一些默認配置時, 這些配置就被固定下來了.
• 但是后續開發中, 某些配置可能會不太一樣.
• 比如某些請求需要使用特定的baseURL或者timeout或者content-Type等.
• 這個時候, 我們就可以創建新的實例, 并且傳入屬于該實例的配置信息.
  

1.7 axios封裝

第一種方式：

第二種方式：

第三種方式：

第四種方式（掌握）：

1.8 如何使用攔截器？

• axios提供了攔截器，用于我們在發送每次請求或者得到相應后，進行對應的處理。
• 如何使用攔截器呢？
  

總結

以上是生活随笔為你收集整理的十三、axios框架学习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。