文章轉載自: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直接引用,需要做如下處理