o.upload.addEventListener is not a function

o.upload.addEventListener is not a function

在本地的开发环境是可以正常上传的,但是到测试环境,上传就报了这么一个错

在网上寻找的方法

一、

在 node_modules/mockjs/dist/mock.js 第8308行 和 node_modules/mockjs/src/xhr/xhr.js 第216行

添加代码:

javascript 复制代码
 MockXMLHttpRequest.prototype.upload = xhr.upload;

这样是可以解决,不过这不是根本方法,我们的项目上测试和线上是自动打包上传的,所以不会把这两句代码打包进去,所以用了第二种方法

二、原因是vue-cli中的mockjs模块把XMLHttpRequest覆盖拦截了,会导致对象属性访问不到

所以把mokejs卸载删除就好了,

删除mokejs:

1、npm uninstall mockjs 删除该模块依赖

2、vue.config.js

注释这段代码

3、src/main.js

注释这段代码

相关推荐
niucloud-admin4 分钟前
JAVA V6 多商户商城 开发文档——手机端前端
java·开发语言·前端
喵个咪7 分钟前
GoWind Admin|风行 — 开箱即用的企业级全栈中后台框架:脚本系统实战
javascript·后端·go
樱花落木兰10 分钟前
SpringBoot + ECharts 后台数据统计报表模块实战
java·javascript·spring boot·ai·log4j·github·echarts
skywalk816314 分钟前
deepseekharness在对话中,有四种模式,分别是极简、PTC、创造和标准模式,每种模式下挂载的插件、skill等数量不一样
前端·人工智能·实践
愛芳芳22 分钟前
element-plus+vite+vue3+pinpa+mock+typeScript搭建经典的电商管理后台
前端·javascript·typescript
liangshanbo121544 分钟前
面试题:常见的前端构建工具有哪些?分别适用于什么场景?
前端
事圆则缓1 小时前
Flutter 状态管理框架对比(三):Riverpod 如何连起购物车与异步价格
开发语言·javascript·flutter
linux_cfan1 小时前
videojs v10 源代码系列解读:30 · `SerialRunner` 与 `ConcurrentRunner`
前端
liangshanbo12151 小时前
面试题:页面需要发起大量 Ajax / HTTP 请求时,如何优化请求性能?
前端·http·ajax
lyz2468591 小时前
vue3页面因参数未声明而报错的常犯错误
前端·javascript·vue.js