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中做相应修改并重新编译。



评论
0条评论遵守法律,文明用语,共同建设文明评论区

暂无评论,快来发表第一条评论吧~