vue傳送form data資料格式請求

2021-09-29 08:23:07 字數 986 閱讀 1836

在vue中呼叫就專案的已有介面時,發現一直報500的錯誤,經過network中的請求方式進行了對比,如下圖:

舊專案的介面請求:

我的介面請求:

經過對比,發現舊專案中的請求資料格式為form-data格式,而vue中的請求資料格式為json格式,於是,我就在vue的axios請求時進行了配置,將它的請求資料格式改為form-data格式,具體如下:

設定headers請求頭:

...

let headers =

let transformrequest =

[function

(data

) ret = ret.

substring(0

, ret.

lastindexof

('&'))

return ret

}]// 資料請求

axios.

post

(url, senddata,).

then

(successcallback)

.catch

(errorcallback)

完成上面的配置,即可實現form-data資料格式的請求;

3.對於同樣的資料資訊,使用for-data資料量會比使用json的要小一點;

4.對於可讀性來說,json的可讀性要好;

5.form-data傳二進位制比較方便,如上傳檔案,而使用json則不太合適;

使用axios請求時,傳送formData請求

最近做的乙個專案中有乙個特例介面,傳json後端接收不到,對接的後端又不願意改介面,只能用formdata方式傳參,由於好多年沒有用過formdata,頭痛了一會,找到了解決方法,發現非常簡單,在此做個筆記!var formdata new formdata fetch users 對於formda...

vue前端oss直傳 formdata方式

備註 此上傳方式為input type file 方式,非element upload,如有element上傳需求,請參照後篇antd的oss上傳 html部分 js部分 獲取policy getpolicyinfo then res imgupload event return false ind...

C 獲取FormData資料

var form new formdata myname robert 然後你只需使用xmlhttprequest xhr 的send方法來傳送 對於formdata,有趣的是不限制你加入字串,但是實際上還有許多不同的型別 字串 數字 傳送的時候會轉換為字串 檔案 二進位制物件 blob 要想能夠在...