首先簡(jiǎn)單了解什么是Axios？
Axios是一個(gè)基于Promise的HTTP客戶端，用于瀏覽器和Node.js中發(fā)送HTTP請(qǐng)求。它支持各種HTTP請(qǐng)求方法,如GET、POST、PUT、DELETE等，并且可以攔截請(qǐng)求和響應(yīng)，本質(zhì)上也是對(duì)原生XHR的封裝，只不過(guò)它是Promise的實(shí)現(xiàn)版本，符合最新的ES規(guī)范。
關(guān)于axios的特點(diǎn)，可以查看axios中文文檔，還可以了解一下axios, ajax和fetch的詳細(xì)比較內(nèi)容。
接下來(lái)開(kāi)始安裝axios，在項(xiàng)目下執(zhí)行npm install axios。
之后在main.js中，添加：
import axios from 'axios' //引入
以上完成后就可以使用了，接下來(lái)以get請(qǐng)求為例，使用方式如下：
this.axios.get(url).then(res => {
//請(qǐng)求成功，觸發(fā)then中的函數(shù)
console.log(res)
})
.catch(error =>
//請(qǐng)求失敗，觸發(fā)catch中的函數(shù) 可省略
console.log(error)
）
它的參數(shù)需要寫在params屬性下，也就是：
//帶參數(shù)的get請(qǐng)求
let url = "..."
this.$axios.get(url, {
params: {
id: 1
}
})
.then((res) => {
console.log(res) //返回的數(shù)據(jù)
})
.catch((err) => {
console.log(err) //錯(cuò)誤信息
})
POST請(qǐng)求與之類似。
