快捷導(dǎo)航

解決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ò)請求庫,需要的朋友可以參考下

請求：

   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ù)進行編碼處理，不然就報錯。

解決方案：

引用qs庫不用下載 axios里面已經(jīng)存在

1.引入qs庫

import Qs from 'qs'

2.用qs對數(shù)據(jù)進行處理，發(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)文章

vue中vxe-table虛擬滾動列表的使用詳解
vxe-table 是一個功能強大的 Vue 表格組件,它支持虛擬滾動列表作為其核心功能之一,本文主要介紹一下vxe-table的虛擬滾動列表功能的使用場景和優(yōu)勢,感興趣的可以了解下
2023-12-12
Vue dep.notify() 含義及作用詳解
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ù)的新增和編輯操作,主要通過彈窗形式進行明細(xì)數(shù)據(jù)的增加和編輯,有效提升用戶交互體驗,本文詳細(xì)介紹了相關(guān)實現(xiàn)方法和代碼,適合需要在Vue項目中處理復(fù)雜表單交互的開發(fā)者參考
2024-10-10
Vue+Echarts封裝成組件使用及說明
文章總結(jié)了將Vue和Echarts封裝成組件的經(jīng)驗,強調(diào)了組件的自適應(yīng)功能,作者希望這個經(jīng)驗對大家有所幫助,并鼓勵大家支持腳本之家
2025-12-12
詳解webpack + vue + node 打造單頁面(入門篇)
本篇文章主要介紹了詳解webpack + vue + node 打造單頁面(入門篇) ，非常具有實用價值，需要的朋友可以參考下
2017-09-09
vue中的localStorage使用方法詳解
在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項目的方法
這篇文章主要介紹了快速搭建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
vue中的事件綁定舉例詳解
這篇文章主要給大家介紹了關(guān)于vue中事件綁定的相關(guān)資料,事件綁定在Web開發(fā)中非常常見,我們經(jīng)常需要在頁面中為某個DOM元素綁定事件,如點擊、鼠標(biāo)移動、鍵盤敲擊等等,需要的朋友可以參考下
2023-09-09