p.upload.addEventListener文件上传本地测试没问题,部署到nginx 或其它报错(问题篇)

本文介绍了当Vue后台管理系统由于MockJS引起XhrRequest对象名称改变导致的错误,提供两种解决方案:修改node_modules中MockJS源码或直接卸载mockjs。针对使用mockjs进行文件上传时出现的进度条错误问题,提供了具体的代码行号和修改建议。
摘要由CSDN通过智能技术生成

解决办法:

1、如果是vue项目,后台管理系统,使用vue-element-admin,一般都用了mockjs。不能删除mockjs。可以修改node_modules文件。如下步骤

找到node_modules/mockjs/dist/mock.js 8308行

找到node_modules/mockjs/src/xhr/xhr.js 216行

代码:MockXMLHttpRequest.prototype.upload = xhr.upload;

2、如果不是后台管理系统,或者没有使用mockjs。或者注释掉mockjs不影响项目,可以使用npm删除mockjs。

npm uninstall mockjs    //执行词代码

这两种都可以解决报错问题。

报错原因:

在项目中引用的mock.js改变了XhrRequest对象的名称,改成了MockXhrRequest所以才会报以上的错误。一般使用文件上传添加进度条会报错。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值