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