VUE上传功能本地上传正常,打包上传后报错TypeError: ***.upload.addEventListener is not a function

这个错误很可能是因为在打包后,文件的路径或者名称发生了变化,导致代码中的某些方法无法正确找到。

你可以尝试检查以下几个方面:

确认你的上传代码路径是否正确,是否有被正确引入。

检查你代码中使用的是 addEventListener 方法,而不是其他方法来绑定上传事件。

确认你的上传代码是否与打包后的代码在同一目录下或同一级目录下,否则需要修改引用路径。

尝试使用 Vue CLI 提供的打包分析工具,查看哪些文件被打包进了你的代码中,是否有可能因为某些文件没有被正确打包导致了问题。

如果以上方法都不行,可以提供更多的错误信息和相关代码,以便更好地排查问题。


ec8ebca454734e237b75b5e229c5acff_4249d9c99720489b93de599c75866180.png

解决方法:

查找两个文件,并在其中添加以下代码:

1.文件node_modules/mockjs/dist/mock.js  第8315行添加以下代码:

MockXMLHttpRequest.prototype.upload = xhr.upload;
image.png

2.文件node_modules/mockjs/src/mock/xhr/xhr.js  第216行添加以下代码:

MockXMLHttpRequest.prototype.upload = xhr.upload;
image.png

你可能感兴趣的:(VUE上传功能本地上传正常,打包上传后报错TypeError: ***.upload.addEventListener is not a function)