vue+axios跨域等問題

之前學習使用vue,axios以及fetch去鏈接一個接口時遇到一些問題,這些問題都已經解決了,拿出來和你們分享一下。
源代碼在最下面
一、搭建基本項目
http://blog.csdn.net/Small_Lee/article/details/68062223css

二、安裝mint ui,vuex
npm install mint-ui --save,若是是使用淘寶鏡像那就是cnpm install mint-ui --save
npm install vuex --save,若是是使用淘寶鏡像那就是cnpm install vuex --save
還有引入css,js的請看這裏http://blog.csdn.net/liwusen/article/details/53519342?utm_source=itdadao&utm_medium=referralvue

三、先上一個成功的截圖
ios

問題描述
一、post跨域失敗
地址問題axios.post(url,data),這裏的url寫上了整個地址,這樣的話post直接請求是不被接受的,因此要假裝一下(使用代理寫入url地址)git


這樣設置完代理以後,而後在請求的時候就能夠寫成下面這樣
github

在這裏的fetch('/restful/entrance/login', data)也是調用上面的函數,和axios.post('/restful/entrance/login', data)是同樣的
這裏的url地址就等於http://xxx.xxx.cn/restful/entrance/login。
這就是一種地址的代理。若是不用這種的話,可能會出現如下錯誤

這是正確的圖,錯誤的圖是箭頭指向處不是post而是options,出現的錯誤代碼多是404vuex

2.數據傳不過去
以前data數據一直傳不過去,我一步一步看的時候發如今下圖的這個位置丟失了數據
npm

有兩種解決方法
第一種:引入qs,不用安裝,在安裝axios的時候就有了

第二種:

這個圖是我另外一個項目和以前的圖不是同一個,這種方法也能夠解決。其實都是把傳遞的數據改成一種字符串,原本是數組axios

基本就是這兩個問題不對
等我有時間把github弄好以後會把源碼傳上去,把地址分享到這裏來
如下是個人微信,你們有問題的話能夠一塊兒交流學習
跨域

源代碼地址:https://github.com/sjf1256754123/vue數組

相關文章
相關標籤/搜索