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

注释这段代码

相关推荐
POLITE312 分钟前
Leetcode 560. 和为 K 的子数组 JavaScript (Day 5)
javascript·算法·leetcode
xiaoxue..14 分钟前
React Hooks :useRef、useState 与受控/非受控组件全解析
前端·react.js·前端框架
释怀不想释怀25 分钟前
vue(登录,退出,浏览器本地存储机制)
前端·javascript·vue.js·ajax·html
wh_xia_jun25 分钟前
vue 3极简教程草稿(未完成)
前端·javascript·vue.js
38242782732 分钟前
Edge开发者工具:保留日志与禁用缓存详解
java·前端·javascript·python·selenium
web小白成长日记43 分钟前
什么是margin重叠,如何解决
前端·css·html·css3
java porter1 小时前
系统架构设计之单例模式(下)
开发语言·javascript·单例模式
凌乱风雨12111 小时前
从源码角度解析C++20新特性如何简化线程超时取消
前端·算法·c++20
两个西柚呀1 小时前
每日前端面试题-css塌陷
前端·css
IT_陈寒1 小时前
Vite 5大实战优化技巧:让你的开发效率提升200%|2025前端工程化指南
前端·人工智能·后端