欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在vue項目中使用axios發(fā)送post請求出現(xiàn)400錯誤的解決

 更新時間：2022年09月09日 10:42:28   作者：芝士焗紅薯  
這篇文章主要介紹了在vue項目中使用axios發(fā)送post請求出現(xiàn)400錯誤的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

使用axios發(fā)送post請求出現(xiàn)400錯誤

出現(xiàn)400狀態(tài)碼主要有兩種原因

1.bad request：“錯誤的請求"

2.invalid hostname："不存在的域名”

我報的錯是第一種bad request

總結了錯誤的幾個原因

1.請求頭錯誤，前端請求頭的content-type和后端不一致

axios默認的請求頭的格式是：applecation/json，后端可能是application/x-www-form-urlencoded

解決：改請求頭

2.參數(shù)傳遞錯誤

前端提交的數(shù)據(jù)的字段名稱或者字段類型和后端的實體類不一致，導致無法封裝

解決：對照字段名稱、類型與后端需要的保持一致

3.前后端數(shù)據(jù)格式不一致

前端提交到后臺的數(shù)據(jù)應該是json字符串類型，而前端沒有將對象轉換成字符串類型

解決：使用JSON.stringify()將前端傳遞的對象轉換為字符串

我的問題：

后端說只需要傳data和name，結果我看接口文檔里不止data和name，他說只需要data和name我就只傳了data和name，結果果然需要把接口文檔里所有的數(shù)據(jù)都傳過去才行。

還有一點是后端需要data傳JSON字符串，所以需要把對象轉換為JSON字符串。

修改完之后就跑通啦。

vue axios400 Bad Request問題

這個是我要傳的對象

導出的方法

在組件中用到導出的方法，并傳參

后臺controller層的方法

報的400錯誤和后臺控制套臺的顯示

這里說下什么是400錯誤，400問題，最大幾率是出現(xiàn)了數(shù)據(jù)類型不一致的問題，這里我前端傳的是一個json套json，但是我后臺收的話，應該也是json套json。

我最大的錯誤就是沒有好好去了解axios的data和params，這里補充下：

axios中，params和data

因為params是添加到url的請求字符串中的，用于get請求。

而data是添加到請求體（body）中的， 用于post請求。

我在post里面用的params,后面改成data來傳就對勁了。

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

最新評論