今天被axios的跨域請求燒腦了,爬了很多文章終於能正常ajax了,在此記錄一下方法.
在專案目錄中安裝這兩個外掛程式
npm i axios
npm i qs
解釋一下為啥要安裝qs,我用的後端是原生的php.
通過axios傳送的請求是payload形式的,但是例如jq,是以form 表單提交的資料.
所以會造成不處理請求請求資料,原生php後台不能處理payload資料,的情況,導致獲取不到傳參.
參考
tip:使用cnpm安裝速度很快
在需要ajax的vue檔案中引入上面兩個檔案
比較詳細的匯入步驟
這裡我用原來專案配置了乙個多小時沒有作用,後來重新新建了乙個專案測試成功.
1.在專案的根目錄建立乙個vue.config.js的檔案(有的話就開啟這個檔案)
2.在裡面新增**資訊
devserver: }}
}
配置好檔案需要重新啟動專案才能生效!!!!
import axios from
'axios'
import qs from
'qs'
export
default
, data:
,// 處理資料 ****必要*******
transformrequest:
[function
(data)],
}).then
(res=>)}
}}<
/script>
對了據說,這個**方法只能在開發時使用,生產環境需要另外配置,這個的等我需要了再去研究一下吧,哈哈哈
vue axios跨域問題
vue2.0的 axios 在實際介面呼叫中常常會遇到跨域問題。一下簡單介紹了如何解決跨域問題。1.首先你的axios要安裝成功，具體的請參考 2.通過編輯器 ide 開啟你的專案 進入config index.js 在dev下的proxytable內輸入對應 proxytable 注 上述的api...
Vue axios跨域請求
1.安裝axios.npm install axios2.在config目錄下的index.js設定proxytable proxytable 3.在main.js引入axios模組 import axios from axios vue.prototype.axios axios axios.de...
vue axios跨域配置
簡介 vue2.0之後，就不再對vue resource更新，而是推薦使用axios。基於 promise 的 http 請求客戶端，可同時在瀏覽器和 node.js 中使用。功能特性 1 在瀏覽器中傳送 xmlhttprequests 請求 2 在 node.js 中傳送 http請求 3 支援 ...