本人在使用vue開發一套后台系統時,碰到了一個上傳文件的需求,因為平時做的上傳是使用ajax的方式來進行上傳。
現在是使用axios來進行上傳,方式沒有什么改變:
npm i axios 直接上
很簡單的一個效果。
但是,項目經理要求顯示上傳文件的進度,這也沒什么難得,無非就是多了一步,監聽‘progress’,寫個效果就OK了。
於是:
一切都如期進行着。
但是當我發送出請求的時候問題出現了:
提示說沒有addEventListener這個方法,以前也這么用過是ok的,后來在axios的github中到了答案:
總結一下,其實說的是:
在項目中引用的mock.js改變了XhrRequest對象的名稱,改成了MockXhrRequest所以才會報以上的錯誤,至於為什么會造成這一原因,就不得而知了。
希望廣大小伙伴哪位知道的可以不吝賜教,在此謝過啦。成了。