vue中axios的使用

寫上乙個專案的時候，我們就用到了axios，但是我當時沒怎麼學，不知道從哪下手，這個時候我小夥伴又把咋用的給我整理好了，那我就老老實實的當個廢物，他怎麼說我怎麼用。最後能用，但是不理解為什麼這樣用，正好學vue中的axios時又重新學了一遍。

直接拿**來講吧

axios.defaults.baseurl =
''axios.defaults.timeout =
5000
axios(}
).then
(res =>).
catch
(err =>
)

互動無非就是你想從伺服器拿到什麼，你想給伺服器什麼。直接在axios後面進行配置，請求的位址，請求的方法，請求的引數

axios.defaults全域性配置，之後的每個請求都會收到影響，一般來寫baseurl，請求時間之類的引數。

引數請求配置完後在後面的.then裡面進行請求成功後的操作。

請求失敗後會跳過.then進入.catch裡面，及返回的錯誤資訊。

在乙個專案中，肯定不止一兩次的進行請求，如果每個元件下面都單獨寫axios請求的話，後期的維護中需要挨個的去修改，是非常麻煩的。所以在檔案目錄中建立network資料夾，跟伺服器有關的**放在裡面，自己對axios進行封裝，以便後期的維護

上面提到的設定全域性變數的baseurl對於整個專案來說是有問題的，因為某些大型專案用的伺服器不止乙個，為了環境瀏覽器壓力啥的，所以每次封裝都要建立單獨的axios。

network下資料夾中的request.js的寫法

import axios from
'axios'
export
function
request
(config, success, failure)
)//傳送真正的網路請求
instance
(config)
.then
(res =>).
catch
(err =>
)}

使用的元件中寫法：

// 封裝函式
import
from
'./network/request'
require
(, res =>
,err =>
)