關於vue-resource 轉變成axios的過程


在做東鈿貸后系統的時候,我選擇了vue-resource這個插件作為與服務器溝通工具,但是聽說前端同行說vuejs2.0已經不在維護vue-resource了,vuejs2.0 已經使用了axios了。因為我剛好用的vux這個ui組件。而且vux的ajaxplugin的插件使用的就是axios。不用覺得特別浪費axios,而且以后肯定也是要用axios的。於是我就決定把現用的vue-resource換成vux自帶的ajaxplugin。

vux官方文檔也說了很清楚並且使用起來很簡單,已經整合和vue-resource的寫法一樣 如下圖

直接在main.js做如下修改

然后出現了json數據不接受的問題,於是我就去問人,看看別人是怎么解決的。

有個前端的朋友叫我使用箭頭函數,我一開始不太明白怎么改,后來才知道他說的箭頭函數就是vue http的另外一種寫法,就是把傳統寫法改成lambda的寫法 如下圖,對比一下下圖紅色標注。就知道了。照着這樣改,我把所有的都改成這樣,確實有效,好使

接下來就是axios的攔截器問題,一直報連接失敗,然后也確實沒有ajax成功。沒ajax成功就別說攔截了,於是又去問人了,一開始就有人說是this指向問題,因為axios並不是Vuejs的插件,而是第三方ajax插件,其實也不算是axios的攔截器問題,確確的說應該還是 自己vuejs的功底不扎實。最后就是this指向不對。代碼如下

后面還是問了那位朋友,說把this改成Vue試試,果然好使,如下圖:

問題饒了一大圈 很多時候就是方向不對,一直轉轉轉啊,百度還說了要用axios的原始用法。於是我研究了一下,還是有問題。其實根源沒解決怎么換都是錯的,沒有直中要害處。最近發現現在要不就沒有問題,要不就是一個問題要半天甚至要一天。但總歸還好,算是解決了,應該也會有點收獲,唯一要記住的就是以后解決問題一定要直中關鍵點。要不然 方向越走越遠,問題還沒解決。一定要好好學習,扎實功底。

 


免責聲明!

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



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