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

注释这段代码

相关推荐
parade岁月4 分钟前
理解 CSS backface-visibility:卡片翻转效果背后的属性
前端·css
用户47949283569154 分钟前
为什么 react-grab 可以在 Vue 项目中使用?
前端·ai编程
San30.14 分钟前
深入 JavaScript 原型与面向对象:从对象字面量到类语法糖
开发语言·javascript·ecmascript
w***42415 分钟前
SpringSecurity的配置
android·前端·后端
yugi98783822 分钟前
TDOA算法MATLAB实现:到达时间差定位
前端·算法·matlab
锂享生活24 分钟前
金句闪卡生成器
前端·javascript·react.js
s***353026 分钟前
SpringMVC新版本踩坑[已解决]
android·前端·后端
涔溪34 分钟前
深入了解 Vite 的核心特性 —— 开发服务器(Dev Server)和热更新(HMR)的底层工作机制
前端·vite
前端一课1 小时前
【vue高频面试题】第 14 题:Vue3 中虚拟 DOM 是什么?为什么要用?如何提升性能?
前端·面试
前端一课1 小时前
【vue高频面试题】第 17 题:Vue3 虚拟 DOM 与 PatchFlag 原理 + 静态节点提升
前端·面试