vue中使用axios發送請求

文章轉載自：https://www.cnblogs.com/hdnav/p/7596644.html

咱們知道，vue2.0之後，vue就再也不對vue-resource進行更新，而是推薦axios，而大型項目都會使用 Vuex 來管理數據，因此這篇博客將結合二者來發送請求

1.安裝axios

cnpm i axios -S

2.方案一：修改原型鏈

首先，在main.js中引入

 

在這個時候，你仍是沒法在組件中使用axios的，但若是將vue改成vue的原型鏈，就能夠解決這個問題，以下圖

 

3.開始發送請求

 

 

5.帶參數的請求

若是想要發送帶json格式參數的請求，則須要使用qs模塊來處理參數

首先在main.js中導入qs模塊

 

而後使用qs處理參數

最終返回結果以下

 

 

6.回調函數的簡寫

 

7.注意

若是在vue中使用，那麼vue中data中的數據沒法經過this直接引用，須要作以下處理