vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function的解决方案

news/2025/2/12 22:54:25/

错误问题

Vue:xhr.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;

 给MockXMLHttpRequest对象添加一个原生xhr.upload方法。

 

方法2:

在工程node_modules/mockjs/src/xhr/xhr.jsprototype 通常是第216行添加代码

MockXMLHttpRequest.prototype.upload = xhr.upload;

这个方法要重新编译才能够生效对象


http://www.ppmy.cn/news/46710.html

相关文章

K8s为什么要放弃Docker

公司定期分享整理的资料 放弃始由 https://github.com/kubernetes/kubernetes/blob/master/CHANGELOG/CHANGELOG-1.20.md#deprecation 2020 年,k8s 1.20 终于正式向 Docker “宣战”:kubelet将弃用 Docker 支持,并将在未来的版本中完全移除。…

git使用规范文档

git使用规范文档 Git使用规范流程图 开发人员操作步骤: 第一步:clone代码 在你的本地代码库进行从远程仓库clone代码操作(100%表示clone完成) 进入项目文件,右键Git Bash Here 切换到你所进行开发的分支上 拉取该分…

故障重现, JAVA进程内存不够时突然挂掉模拟

背景,服务器上的一个JAVA服务进程突然挂掉,查看产生了崩溃日志,如下: # Set larger code cache with -XX:ReservedCodeCacheSize # This output file may be truncated or incomplete. # # Out of Memory Error (os_linux.cpp:26…

小红书达人种草怎么收费?

随着小红书平台的快速发展,用户数量在不断的上升,市场上也涌现出了很多的小红书营销公司,小红书营销主要是以小红书代写代发、品牌植入广告等方式来做品牌种草品宣。 小红书达人种草怎么收费这个问题,相信很多商家朋友都非常关心…

Ubuntu18.04 Gitkraken GitCracken

参考资料: ubuntu 安装 Gitkraken 9.x Pro 版本_gitkraken ubuntu CSDN博客【GitCracken】v8.1.1_gitcracken不起作用_等风来不如迎风去的博客-CSDN博客 关键: 材料1:需要使用linux/GitKraken-v8.1.1.tar.gz材料2:需要使用wcxo…

【Linux】 密码相关。pwconv

密码相关。pwconv 在linux中,早期的用户密码(经过加密)存放在/etc/passwd文件之中,但是大多数的应用程序通常都需要读取这个文件,所以会造成一定的安全隐患 因此后来的linux(centos)系统将这个…

第二十三章 弹跳训练

一夜无话。 看着跳廊外静静挂在空中的上弦月,张弦月与下弦月,巴哥奔脑海里浮现出月光下那泛着淡金色光芒的草垛,那绿莹莹黄澄澄的池塘,那紫色拱门,那藏青小球,那逐层凹陷的螺旋状圆盘,那闪着或青…

openpnp - 顶部相机 - 辅助光(环形灯)的电路原理图

文章目录 openpnp - 顶部相机 - 辅助光(环形灯)的电路原理图概述END openpnp - 顶部相机 - 辅助光(环形灯)的电路原理图 概述 同学帮我做的简易灯板设计不太合理, 发热量极大. 想看看商用的环形灯电路啥样的, 如果有可能, 自己做块灯板, 塞进商用环形灯外壳中. 拆解了一个环形…