Axios + mockjs: request.upload.addEventListener is not a function 的原因和解决办法

最新推荐文章于 2025-05-30 10:29:12 发布
最新推荐文章于 2025-05-30 10:29:12 发布
阅读量5.1k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： # Front End
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/caplike/article/details/104734602

导致这一问题的根本原因是 Mockjs 中, 封装了原生的 XMLHttpRequest 为 MockXMLHttpRequest.
解决思路是, 把原生 XMLHttpRequest 的 upload 属性赋给 MockXMLHttpRequest 的原型对象.在 node_modules/mockjs/dist/mock.js 加入以下代码:
图片
这样在开发环境是没问题了.
对于生产环境的处理 (如果需要),
图片

REF:
https://github.com/nuysoft/Mock/issues/127

VUE3上传功能本地上传正常，打包上传后报错TypeError: ***.upload.addEventListener is not a function和文件上传请求地址
liuzaixi的博客
03-04 1460
/这样就拿到了参数中的数据。//获取#/之前的字符串。一、erer这个错误很可能是因为在打包后，文件的路径或者名称发生了变化，导致代码中的某些方法无法正确找到。二、使用element-plus文件上传时，后端使用的时代理路径导致上传的url需要前端自己处理。1、文件node_modules/mockjs/dist/mock.js。
前端入门之(axios解析)
vv_bug
11-16 7224
前言：vue已经放弃维护vue-resource了，然后推荐使用axios，这一推荐不得了了，axios的人气大增啊，在github已经是50多k的star了，axios算是成功打入了vue全家桶了，既然官方这么推荐，我们接下来就来研究一下axios，顺便再啰嗦几句，我们一直在研究这个框架那个框架的，其实说白了，框架其实就是别人的一种编程思想，都是一些大牛总结的一些编程经验，形象一点就比如一辆汽车...
老项目使用axios的监听文件上传进度出现：request.upload.addEventListener in not a function
ZHU18670324781的博客
06-21 737
在公司老项目中，使用mockjs和axios，mockjs源码将XMLHTTPRequest修改了，导致监听文件上传进度的时候，出现 request.upload.addEventListener in not a function。
vue项目使用element-ui上传组件文件报错h0e.upload.addEventListener is not a function
最新发布
qzlijian的专栏
05-30 235
生产环境上传报错"upload.addEventListener is not a function"的解决方案：该问题是由于MockJS修改了XMLHttpRequest对象。解决方法是在node_modules/mockjs相关文件中给MockXMLHttpRequest原型添加upload属性。具体操作为在mock.js（8312行）和xhr/xhr.js（216行）文件中添加代码：MockXMLHttpRequest.prototype.upload = xhr.upload，为MockXMLHtt
request.upload.addEventListener in not a function。
weixin_30654419的博客
03-07 1875
本人在使用vue开发一套后台系统时，碰到了一个上传文件的需求，因为平时做的上传是使用ajax的方式来进行上传。 现在是使用axios来进行上传，方式没有什么改变： npm i axios 直接上 很简单的一个效果。 但是，项目经理要求显示上传文件的进度，这也没什么难得，无非就是多了一步，监听‘progress’，写个效果就OK了。 于是： 一切都如期进行着。 但是当我发送...
实现文件上传进度条及解决request.upload.addEventListener in not a function问题
总结，交流，记录，成长
09-30 8472
使用axios上传文件时需要进度条，可通过监听axios的onUploadProgress获取当前文件上传进度，进度条可以用antd的Progress 实现过程中出现问题request.upload.addEventListener in not a function。 参考南柯一梦的博客https://www.cnblogs.com/leeke98/p/10491358.html 原来和mock...
upload.addEventListener is not a function报错
weixin_43784243的博客
08-02 1205
upload.addEventListener is not a function
【前后端分离的视频上传解决方案】：使用Vue.js和Axios实现高效上传
!... # 摘要 随着现代互联网应用的复杂性增加，前后端分离成为了一种流行的架构模式。本文首先对前后端分离的架构进行简介，随后深入解析了Vue.js框架的核心概念，包括其基本原理、生命周期、组件化开发以
Axios源码研究学习系列---xhr请求模块大概分析
wujimiao的专栏
03-22 970
改变是人生的定律，专注于过去和现在的人，必将错过未来 首先文件结构，插件标准模式，严格模式，用ES6语法promise返回，所以就是常见的axios.get(url).then(res=>{})形式 'use strict'; var utils = require('./../utils'); var settle = require('./../core/settle'); v...
axios源码分析-超多案例分析图
qq_44859233的博客
08-21 903
Axios 提供了请求拦截器和响应拦截器来分别处理请求和响应，它们的作用是什么呢,一起来看看
源码学习01 Axios
多啦的博客
07-31 534
Axios是一个基于Promise的HTTP请求库，可以用在浏览器和Node.js中。平时在Vue项目中，经常使用它来实现HTTP请求。 它的使用简便、灵活，并且有interceptors、数据转换器等强大的功能，以前用的时候并没有仔细研究过这些功能是如何实现的，正好在知乎的大前端专栏看到一篇文章对Axios的源码进行了解读。借着这篇文章的帮助，我开始了自己阅读源码的道路。 以后要多多的读源码，更多的独立完成，向大神们学习。
Vue上传功能:****.upload.addEventListener is not a function
G佳伟
10-21 5557
VUE上传功能本地上传正常，打包上传nginx后报错TypeError: ***.upload.addEventListener is not a function。
vue打包报错elementui上传组件 打包后报错t.upload.addEventListener is not a function
ddf__的博客
12-30 429
在node_modules/mockjs/dist/mock.js文件的大约8312行添加。同时修改node_modules/mockjs/src/xhr/xhr.js 第216行。打包上传出现了这个错误。
vue axios 上传文件 xhr.addEventListener is not a function(…) 问题修复 不用卸载 mockjs
weixin_42489414的博客
09-17 716
vue 上传文件无法显示实时进度bug解决(vue + mockjs + axios)
vue项目使用element-ui组件上传文件报错upload.addEventListener is not a function Mock数据报错的解决方案
qq_53979100的博客
04-04 2349
需要查找文件node_modules/mockjs/dist/mock.js以及node_modules/mockjs/src/mock/xhr/xhr.js。主要是因为mockjs改动了axios里面XMLHttpRequest对象从而导致报错。就是给MockXMLHttpRequest对象添加一个原生xhr.upload方法。找到后打开文件大约在8312行和216行的位置添加以下代码。
vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEventListener is not a function
weixin_49562833的博客
02-20 1504
vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEventListener is not a function
upload.addEventListener is not a function
隶属感的博客
09-18 348
测试没问题 一打包发布就不行。
Vue项目部署到服务器时上传报错“Uncaught (in promise) TypeError: s.upload.addEventListener is not a function”
smallmww的博客
08-07 1952
使用vue-admin-element框架进行在本地文件上传以及富文本框中的文件上传是没有问题的，但是在上传部署vue项目到服务器上时，就会报如下图中一个错误
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值