首先簡單了解什么是Axios？

Axios是一個基于Promise的HTTP客戶端，用于瀏覽器和Node.js中發(fā)送HTTP請求。它支持各種HTTP請求方法,如GET、POST、PUT、DELETE等，并且可以攔截請求和響應，本質上也是對原生XHR的封裝，只不過它是Promise的實現版本，符合最新的ES規(guī)范。

關于axios的特點，可以查看axios中文文檔，還可以了解一下axios, ajax和fetch的詳細比較內容。

接下來開始安裝axios，在項目下執(zhí)行npm install axios。

之后在main.js中，添加：

import axios from 'axios' //引入

以上完成后就可以使用了，接下來以get請求為例，使用方式如下：

this.axios.get(url).then(res => {

      //請求成功，觸發(fā)then中的函數

      console.log(res)  

    })

     .catch(error =>

      //請求失敗，觸發(fā)catch中的函數 可省略

      console.log(error)

）

它的參數需要寫在params屬性下，也就是：

//帶參數的get請求

let url = "..."

this.$axios.get(url, {

params: {

id: 1

}

})

.then((res) => {

console.log(res) //返回的數據

})

.catch((err) => {

console.log(err) //錯誤信息

})

POST請求與之類似。