使用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': ‘a(chǎn)pplication/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)的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答