一、axios的基本使用

1.1 安裝axios

執(zhí)行命令：npm install axios --save

1.2 發(fā)送get請求演示

1.3 發(fā)送并發(fā)請求

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

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

1.4 全局配置

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

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

1.5 常見的配置選項

1.6 axios的實例

為什么要創(chuàng)建axios的實例呢?

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

1.7 axios封裝

第一種方式：

第二種方式：

第三種方式：

第四種方式（掌握）：

1.8 如何使用攔截器？

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。