本文主要為大家分享一篇解決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);
大功告成!
問題解決!
相關推薦:
關於vue2.0設定proxyTable使用axios進行跨域請求
以上是vue2中使用axios http請求出現的問題與解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!