Vue:xhr.upload.addEventListener is not a function

報錯信息

TypeError: xhr.upload.addEventListener is not a function

說明

項目中寫上傳圖片功能時點擊上傳報此錯誤

圖示

解決方法

方法一:

在 node_modules/mockjs/dist/mock.js 第8308行 和
node_modules/mockjs/src/mock/xhr/xhr.js 第216行
添加如下代碼:

 MockXMLHttpRequest.prototype.upload = xhr.upload;

項目測試和線上是自動打包上傳的,所以不會把這兩句代碼打包進去

方法二:

vue-cli中的mockjs模塊把XMLHttpRequest覆蓋攔截了,會導致對象屬性訪問不到,所以把mokejs卸載刪除,
刪除mokejs:

npm uninstall mockjs 刪除該模塊依賴

註釋引入mock


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