為什麼vue2中不能使用axios http請求

這次帶給大家為什麼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);

大功告成！

問題解決！

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

JS的深淺拷貝使用詳解

在Vue2.0中http請求以及loading的展示
#

以上是為什麼vue2中不能使用axios http請求的詳細內容。更多資訊請關注PHP中文網其他相關文章！