Axios 获取上传进度报错问题

2,107 阅读1分钟

错误问题

l.upload.addEventListener is not a function

这个问题是由于mockjs改动了axios里面XMLHttpRequest对象导致的

根据axios源码 l是一个XMLHttpRequest对象

mockJs把l变量从XMLHttpRequest对象改成了MockXMLHttpRequest对象

所以l.upload是一个空对象 空对象没有 addEventListener方法 所以报错

解决

方法1

在工程node_modules/mockjs/dist/mock.js文件里 在mockjs判断的条件的地方 (搜寻)->/如果未找到匹配的数据模板,则采用原生 XHR 发送请求。/ 一般是8308行位置 添加代码

MockXMLHttpRequest.prototype.upload = xhr.upload;

给MockXMLHttpRequest对象添加一个原生xhr.upload方法。

方法2

在工程node_modules/mockjs/src/xhr/xhr.js

一般是第216行添加代码

MockXMLHttpRequest.prototype.upload = xhr.upload;

这个方法要重新编译才可以生效

总结

遇到问题不要慌,看看是那一行代码报错了,然后找到这一行代码,再去做具体分析。

ps:第一次写博客,记录一下工作中的问题,也希望能够帮助到大家。