解決Vue2?axios發(fā)請(qǐng)求報(bào)400錯(cuò)誤"Error:?Request?failed?with?status?code?400"
最近在做一個(gè)項(xiàng)目，后端寫(xiě)了一個(gè)登錄接口，postman可以正常請(qǐng)求。但我axios發(fā)請(qǐng)求出現(xiàn)400錯(cuò)誤"Error: Request failed with status code 400"
請(qǐng)求：
testdata:{
username:'admin',
password:'123456'
}, // 報(bào)錯(cuò)400
await userLogin(this.testdata)錯(cuò)誤：
我研究了兩天，查了無(wú)數(shù)資料，最后和朋友一起找到解決方法
原因：后端沒(méi)跟我說(shuō)需要什么格式的數(shù)據(jù)，我以為是默認(rèn)的json，后來(lái)查閱錯(cuò)誤得知后端需要的數(shù)據(jù)格式是 “application/x-www-form-urlencoded”，這種格式不能直接傳數(shù)據(jù)，需要對(duì)數(shù)據(jù)進(jìn)行編碼處理，不然就報(bào)錯(cuò)。
解決方案：
引用qs庫(kù) 不用下載 axios里面已經(jīng)存在
1.引入qs庫(kù)
import Qs from 'qs'
2.用qs對(duì)數(shù)據(jù)進(jìn)行處理，發(fā)生請(qǐng)求
await userLogin(Qs.stringify(this.testdata))
3.成功
困擾了我兩天，希望能幫大家少踩坑。
總結(jié)
到此這篇關(guān)于解決Vue2 axios發(fā)請(qǐng)求報(bào)400錯(cuò)誤"Error: Request failed with status code 400"的文章就介紹到這了,更多相關(guān)Vue2 axios發(fā)請(qǐng)求報(bào)400錯(cuò)誤內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue中生命周期定義及流程，生命周期又被稱為生命周期回調(diào)函數(shù)、生命周期函數(shù)或生命周期鉤子，下文關(guān)于其更多有趣的介紹需要的小伙伴可以參考一下文章詳細(xì)內(nèi)容2022-05-05
vue組件值變化但不刷新強(qiáng)制組件刷新的問(wèn)題
這篇文章主要介紹了vue組件值變化但不刷新強(qiáng)制組件刷新的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
vue-cli項(xiàng)目?jī)?yōu)化方法- 縮短首屏加載時(shí)間
這篇文章主要介紹了vue-cli項(xiàng)目?jī)?yōu)化 縮短首屏加載時(shí)間,需要的朋友可以參考下2018-04-04
這篇文章主要為大家詳細(xì)介紹了vue自定義數(shù)字輸入框組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要為大家詳細(xì)介紹了vue3.0實(shí)現(xiàn)下拉菜單的封裝代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Vue路由切換和Axios接口取消重復(fù)請(qǐng)求詳解
在web項(xiàng)目開(kāi)發(fā)的過(guò)程中,經(jīng)常會(huì)遇到客服端重復(fù)發(fā)送請(qǐng)求的場(chǎng)景,下面這篇文章主要給大家介紹了關(guān)于Vue路由切換和Axios接口取消重復(fù)請(qǐng)求的相關(guān)資料,需要的朋友可以參考下2022-05-05
這篇文章主要為大家詳細(xì)介紹了Vue2.x通用編輯組件的封裝及應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
vue?select?change事件如何傳遞自定義參數(shù)
這篇文章主要介紹了vue?select?change事件如何傳遞自定義參數(shù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vuex管理狀態(tài)倉(cāng)庫(kù)使用詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
今天小編就為大家分享一篇vue自定義全局共用函數(shù)詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09