Vue上传功能:****.upload.addEventListener is not a function

VUE上传功能本地上传正常，打包上传nginx后报错TypeError: ***.upload.addEventListener is not a function。

G佳伟

4636人浏览 · 2022-10-21 16:19:25

G佳伟 · 2022-10-21 16:19:25 发布

VUE上传功能本地上传正常，打包上传nginx后报错TypeError: ***.upload.addEventListener is not a function

在这里插入图片描述

解决方法

方法一：

查找两个文件添加如下代码：

 MockXMLHttpRequest.prototype.upload = xhr.upload;

文件node_modules/mockjs/dist/mock.js 第8308行
在这里插入图片描述

文件node_modules/mockjs/src/mock/xhr/xhr.js 第216行
在这里插入图片描述
方法二：
vue-cli中的mockjs模块把XMLHttpRequest覆盖拦截了，会导致对象属性访问不到，所以把mokejs卸载删除。

删除mokejs：

npm uninstall mockjs

删除\注释引入mock
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^