報錯信息
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