詳細說明在vue2中使用axios解決http請求出現的問題（詳細教學）

下面我就為大家分享一篇解決vue2中使用axios http請求出現的問題，具有很好的參考價值，希望對大家有幫助。

使用axios處理post請求時，出現的問題解決

預設情況下： axios.post(url, params).then( res => res.data);

當url是遠端介面連結時，會報404的錯誤：

Uncaught (in promise) Error: Request failed with status code 404

我們需要實例化一個新的axios,並且設定他的訊息頭為'content-type': 'application/x-www-form-urlencoded'

#於是得出解決方案：

var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, params).then(res => res.data);

然後發現不報錯了，但是後台接受不到傳入參數,查閱資料，發現需要引入一個qs模組

var qs=require('qs');
var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, qs.stringify(params)).then(res => res.data);

大功告成！

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

Angular4整合ng2-file-upload的上傳元件

iview table高度動態設定方法

vue2.0安裝style/css loader的方法

以上是詳細說明在vue2中使用axios解決http請求出現的問題（詳細教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！