解決Vue2?axios發(fā)請求報400錯誤"Error:?Request?failed?with?status?code?400"
更新時間：2023年07月11日 10:03:42 作者：Korbin227
這篇文章主要給大家介紹了關(guān)于如何解決Vue2?axios發(fā)請求報400錯誤"Error:?Request?failed?with?status?code?400"的相關(guān)資料,在Vue應(yīng)用程序中我們通常會使用axios作為網(wǎng)絡(luò)請求庫,需要的朋友可以參考下
最近在做一個項目，后端寫了一個登錄接口，postman可以正常請求。但我axios發(fā)請求出現(xiàn)400錯誤"Error: Request failed with status code 400"
請求：
testdata:{
username:'admin',
password:'123456'
}, // 報錯400
await userLogin(this.testdata)錯誤：
我研究了兩天，查了無數(shù)資料，最后和朋友一起找到解決方法
原因：后端沒跟我說需要什么格式的數(shù)據(jù)，我以為是默認(rèn)的json，后來查閱錯誤得知后端需要的數(shù)據(jù)格式是 “application/x-www-form-urlencoded”，這種格式不能直接傳數(shù)據(jù)，需要對數(shù)據(jù)進(jìn)行編碼處理，不然就報錯。
解決方案：
引用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ā)請求報400錯誤"Error: Request failed with status code 400"的文章就介紹到這了,更多相關(guān)Vue2 axios發(fā)請求報400錯誤內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vxe-table 是一個功能強(qiáng)大的 Vue 表格組件,它支持虛擬滾動列表作為其核心功能之一,本文主要介紹一下vxe-table的虛擬滾動列表功能的使用場景和優(yōu)勢,感興趣的可以了解下2023-12-12
dep.notify() 是Vue2響應(yīng)式系統(tǒng)中觸發(fā)依賴更新的核心方法,也是理解Vue2 視圖“自動更新”的關(guān)鍵,本文給大家介紹Vue dep.notify() 含義及作用,感興趣的朋友跟隨小編一起看看吧2025-12-12
vue elementui table編輯表單時彈框增加編輯明細(xì)數(shù)據(jù)的實現(xiàn)
在Vue項目中,通過使用Element UI框架實現(xiàn)表單及其明細(xì)數(shù)據(jù)的新增和編輯操作,主要通過彈窗形式進(jìn)行明細(xì)數(shù)據(jù)的增加和編輯,有效提升用戶交互體驗,本文詳細(xì)介紹了相關(guān)實現(xiàn)方法和代碼,適合需要在Vue項目中處理復(fù)雜表單交互的開發(fā)者參考2024-10-10
文章總結(jié)了將Vue和Echarts封裝成組件的經(jīng)驗,強(qiáng)調(diào)了組件的自適應(yīng)功能,作者希望這個經(jīng)驗對大家有所幫助,并鼓勵大家支持腳本之家2025-12-12
詳解webpack + vue + node 打造單頁面(入門篇)
本篇文章主要介紹了詳解webpack + vue + node 打造單頁面(入門篇) ，非常具有實用價值，需要的朋友可以參考下2017-09-09
在Vue項目中可以直接使用localStorage,它支持Vue2和Vue3,在Vue2中,可以通過`localStorage.setItem()`、`localStorage.getItem()`和`localStorage.removeItem()`來保存、讀取和刪除數(shù)據(jù),本文給大家介紹vue中的localStorage使用詳解,感興趣的朋友一起看看吧2025-03-03
vue-cli2 構(gòu)建速度優(yōu)化的實現(xiàn)方法
這篇文章主要介紹了vue-cli2 構(gòu)建速度優(yōu)化的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要介紹了快速搭建vue2.0+boostrap項目的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
詳解VUE Element-UI多級菜單動態(tài)渲染的組件
這篇文章主要介紹了VUE Element-UI多級菜單動態(tài)渲染的組件，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要給大家介紹了關(guān)于vue中事件綁定的相關(guān)資料,事件綁定在Web開發(fā)中非常常見,我們經(jīng)常需要在頁面中為某個DOM元素綁定事件,如點擊、鼠標(biāo)移動、鍵盤敲擊等等,需要的朋友可以參考下2023-09-09