res.data); 當url是遠程接口鏈接時,會報404的錯誤: Uncaught..."/>
溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

解決vue2中使用axios http請求出現(xiàn)的問題

發(fā)布時間:2020-10-14 03:35:08 來源:腳本之家 閱讀:272 作者:大康子 欄目:web開發(fā)

使用axios處理post請求時,出現(xiàn)的問題解決

默認情況下: 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);

然后發(fā)現(xiàn)不報錯了,但是后臺接受不到傳入?yún)?shù),查閱資料,發(fā)現(xiàn)需要引入一個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請求出現(xiàn)的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI