1、概念：
是一個專注于網(wǎng)絡(luò)請求的庫。
2、網(wǎng)址：
中文官網(wǎng)地址: http://www.axios-js.com/ 可直接點擊這里跳到中文官網(wǎng)
英文官網(wǎng)地址: https://www.npmjs.com/package/axios 可直接點擊這里跳轉(zhuǎn)到英文官網(wǎng)
3、基礎(chǔ)語法：
4、使用：
直接引入
然后在全局下就有這個方法了
5、基礎(chǔ)語法示例：
結(jié)果：
結(jié)論：調(diào)用 axios 方法得到的返回值是 Promise 對象
然后 Promise 對象就可以用 .then 等方法了，如下圖：
打印 books 的結(jié)果如下：
里面有6個屬性
用 Postman（測試接口數(shù)據(jù)的）去檢測，服務(wù)器返回的結(jié)果如下圖，只有3個屬性
展開 data 屬性，里面有3個屬性，和 Postman 里面測試的結(jié)果一致，因此服務(wù)器返回的數(shù)據(jù)都在 data 里面，而我們需要的數(shù)據(jù)是 data.data
放一張圖，幫助理解
6、傳參：
一：GET 傳參
結(jié)果如下：
二：POST 傳參
結(jié)果如下：
7、async await：
由上面的分析，我們可以看到用 .then 比較麻煩
優(yōu)化如下：
結(jié)果如下：
注:
- 如栗調(diào)用某個方法的返回值是 Promise 實例,則前面可以添加 await
- await 只能用在被 async “修飾”的方法中
8、解構(gòu)賦值+冒號重命名：
對應(yīng)上面的第5點，怎樣拿到我們真正需要的data里面的數(shù)據(jù)呢？（即上面提到的 data.data）
解構(gòu)出來的 data 結(jié)果如下：
這里拿到的數(shù)據(jù)就是服務(wù)器里面的數(shù)據(jù)(有3個屬性)，但是我們需要的數(shù)據(jù)是 data 屬性里面的數(shù)據(jù) data （即data.data），怎么辦？如下：
文章來源：http://www.zghlxwxcb.cn/news/detail-704918.html
完整代碼如下：文章來源地址http://www.zghlxwxcb.cn/news/detail-704918.html
<!DOCTYPE html>
<html lang="en">
到了這里，關(guān)于axios （用法、傳參等）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
