解決vue2中使用axios http請求出現的問題

來源：懂視網責編：小采時間：2020-11-27 22:17:59

解決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

推薦度：

點擊下載本文 文檔為doc格式

導讀解決vue2中使用axios http請求出現的問題:使用axios處理post請求時，出現的問題解決默認情況下： axios.post(url, params).then(res => res.data); 當url是遠程接口鏈接時，會報404的錯誤： Uncaught (in promise) Error: Request failed with status

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

大功告成！

問題解決！

以上這篇解決vue2中使用axios http請求出現的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com