vue项目使用element-plus上传组件正式环境报错问题
文章类型:Vue
发布者:hp
发布时间:2024-09-04
在本地使用element-plus中的上传插件,一切正常,打包后上传服务器,报错,
TypeError:t.upload.addEventListener is not a function
因为mockjs改动了axios里面XMLHttpRequest对象致使的
根据axios源码 l是一个XMLHttpRequest对象
mockJs把l变量从XMLHttpRequest对象改为了MockXMLHttpRequest对象
因此l.upload是一个空对象 空对象没有 addEventListener方法 因此报错
1:在工程node_modules/mockjs/dist/mock.js文件里,在mockjs判断的条件的地方 (搜寻)->/若是未找到匹配的数据模板,则 采用原生 XHR 发送请求。/ 通常是8308行位置,添加代码
MockXMLHttpRequest.prototype.upload = xhr.upload;
2:在工程node_modules/mockjs/src/xhr/xhr.jsprototype 通常是第216行添加代码
MockXMLHttpRequest.prototype.upload = xhr.upload;当MockJS改动axios的XMLHttpRequest对象时,会导致xhr.upload.addEventListener报错。这个问题是由于MockXMLHttpRequest对象缺少upload属性。
解决方案包括在MockJS源码中为MockXMLHttpRequest对象添加xhr.upload属性,或者在xhr.js中做相应修改并重新编译。
暂无评论,快来发表第一条评论吧~