最近在vue-element-admin項目中零截,使用七牛上傳報錯
o.upload.addEventListener is not a function
在本地的開發(fā)環(huán)境是可以正常上傳的帖世,但是到測試環(huán)境么夫,上傳就報了這么一個錯
在網(wǎng)上尋找的方法
一、
在 node_modules/mockjs/dist/mock.js? 第8308行? 和? node_modules/mockjs/src/xhr/xhr.js 第216行
添加代碼: MockXMLHttpRequest.prototype.upload = xhr.upload;
這樣是可以解決兴垦,不過這不是根本方法徙赢,我們的項目上測試和線上是自動打包上傳的,所以不會把這兩句代碼打包進去探越,所以用了第二種方法
二犀忱、原因是vue-cli中的mockjs模塊把XMLHttpRequest覆蓋攔截了,會導致對象屬性訪問不到
所以把mokejs卸載刪除就好了扶关,
刪除mokejs:
1阴汇、npm uninstall mockjs 刪除該模塊依賴
2、vue.config.js
注釋這段代碼
3节槐、src/main.js
注釋這段代碼
OK