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


免責聲明!

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



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