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!