axios如何使用


我們知道,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直接引用,需要做如下處理
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM