首頁 > web前端 > js教程 > vue2中使用axios http請求出現的問題與解決方法

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

小云云
發布: 2018-03-06 09:51:52
原創
3503 人瀏覽過

本文主要為大家分享一篇解決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);
登入後複製

大功告成!

問題解決!

相關推薦:

node.js透過axios如何實作網路請求

VueJs建置Axios介面請求工具實例詳解

關於vue2.0設定proxyTable使用axios進行跨域請求

以上是vue2中使用axios http請求出現的問題與解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板