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);

大功告成！

問題解決！

相關推薦：

node.js透過axios如何實作網路請求

VueJs建置Axios介面請求工具實例詳解

關於vue2.0設定proxyTable使用axios進行跨域請求

以上是vue2中使用axios http請求出現的問題與解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！