vue上傳文件formData入參爲空,接口請求500

long long long time no see,最近遇到個奇葩的問題來記錄下,不知道有沒有小夥伴和我一樣崩潰過。寫了三年代碼,上傳這麼簡單的功能。第一次遇到前端入參fromData請求接口報500的問題,百度了好多資料嘗試也沒有解決。後臺一直說我前端的問題,於是debugger一步一步查。下面來看看報錯代碼的流程,用你們的豐富經驗和火眼金睛幫忙看下到底錯在哪裏了?!本項目用的是vue-cli3腳手架搭建,vue-admin-template後臺框架開發。

1.首先封裝axios請求,如下圖所示:

2.vue文件點擊上傳按鈕,獲取的file文件賦值給this.file...如下所示:

紅框內容是formData的值,console.log(formData.get("file"))

debugger後的axios請求如下:

此時的formData爲空對象。

network請求接口沒有formData入參,不知道具體是什麼原因。。。

請求頭以及請求參數和後臺溝通了也是一致的。。所以這種情況一直報500無法接收到前端參數,你們知道什麼問題嗎??

next,換了一種請求方式,用的axios原生請求格式寫了一版,終於看到久違的200 ==...

接下來貼出解決的方案:

方方的,這樣就解決了上傳接口的問題。如果幫助到你們也是很開心的,當然也希望路過的大神們看到我的問題,歡迎留言哈~

stay hungry,stay fooish!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章