开发者社区开发与运维文章正文

Vue项目部署到服务器时上传报错“Uncaught (in promise) TypeError: s.upload.addEventListener is not a function”

2023-08-28 2011

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 使用vue-admin-element框架进行在本地文件上传以及富文本框中的文件上传是没有问题的，但是在上传部署vue项目到服务器上时，就会报如下图中一个错误。

一、报错原因

使用vue-admin-element框架进行在本地文件上传以及富文本框中的文件上传是没有问题的，但是在上传部署vue项目到服务器上时，就会报如下图中一个错误。

二、那么应该怎么解决呢？

可以查找如下两个文件，并且进行对应值的修改

（1）第一个文件：node_modules/mockjs/dist/mock.js

找到后大概在8300多行，加上这句话

 MockXMLHttpRequest.prototype.upload = xhr.upload;

（2）第二个文件：node_modules/mockjs/src/mock/xhr/xhr.js

找到后大概在216行，加上这句话

 MockXMLHttpRequest.prototype.upload = xhr.upload;

保存运行再试试

如果不可以可能是哪个地方语法写的有问题，请仔细检查。

文章标签：

JavaScript

前端开发

关键词：

报错function

vue项目部署云服务器 ECS

项目部署云服务器 ECS

vue云服务器 ECS

云服务器 ECS报错

smallmww

路边两盏灯

5月前

API C++

【Azure 环境】VS Code登录China Azure(Function)报错 An error occurred while signing in: invalid_request - AADSTS65002

An error occurred while signing in: invalid_request - AADSTS65002: Consent between first party application 'c27c220f-ce2f-4904-927d-333864217eeb' and first party resource '797f4846-ba00-4fd7-ba43-dac1f8f63013' must be configured via preauthorization - applications owned and operated by Microsoft mus

路边两盏灯

289 13 13

云流雨洄

5月前

缓存开发工具 C++

VS Code调试Function报错｜无法加载Diagnostics.Abstractions怎么办？

在调试 Azure Function 时，可能出现 “Could not load file or assembly 'Microsoft.Extensions.Diagnostics.Abstractions, Version=8.0.0.0'” 错误，导致主机启动失败。本文详细解析该依赖加载错误的成因，并提供基于不同安装方式（NPM 或 MSI）的解决方案，涵盖重装 Core Tools、清理缓存、检查 .NET SDK 版本等操作步骤，同时提供日志排查与 Docker 容器化替代方案，帮助开发者快速恢复本地调试流程。

云流雨洄

256 0 0

路边两盏灯

6月前

网络协议 API 网络安全

【Azure Function App】发现部分请求Function App遇见 403.72 报错(请求Body>100KB)

在调用Azure Function的HTTP Trigger时，发送POST请求偶尔出现403错误，且响应为空、Header信息少。经排查发现，当请求Body大于100KB时会触发403.72错误，原因是启用了“Client Certificate mode”为“Optional Interactive User”。解决方法是将该模式设置为“Ignore”。由于TLS重新协商机制限制，大请求体无法正常处理，导致此问题。

路边两盏灯

229 1 1

路边两盏灯

Java Windows

【Azure Function】部署Java Function失败：报错deploy [ERROR] Status code 401和警告 'China North 3' may not be a valid region

1:deploy [ERROR] Status code 401, (empty body). 2: China North 3 may not be a valid region，please refer to https://aka.ms/maven_function_configuration#supported-regions for values. 3: <azure.functions.maven.plugin.version>1.36.0</azure.functions.maven.plugin.version>

路边两盏灯

219 11 11

程序员在线

3月前

弹性计算运维安全

阿里云轻量应用服务器与云服务器ECS啥区别？新手帮助教程

阿里云轻量应用服务器适合个人开发者搭建博客、测试环境等低流量场景，操作简单、成本低；ECS适用于企业级高负载业务，功能强大、灵活可扩展。二者在性能、网络、镜像及运维管理上差异显著，用户应根据实际需求选择。

程序员在线

336 10 11

翼龙云TG_yilongcloud

3月前

运维安全 Ubuntu

阿里云渠道商：服务器操作系统怎么选？

阿里云提供丰富操作系统镜像，涵盖Windows与主流Linux发行版。选型需综合技术兼容性、运维成本、安全稳定等因素。推荐Alibaba Cloud Linux、Ubuntu等用于Web与容器场景，Windows Server支撑.NET应用。建议优先选用LTS版本并进行测试验证，通过标准化镜像管理提升部署效率与一致性。

翼龙云TG_yilongcloud

436 4 4

程序员在线

3月前

弹性计算 ice

阿里云4核8g服务器多少钱一年？1个月和1小时价格，省钱购买方法分享

阿里云4核8G服务器价格因实例类型而异，经济型e实例约159元/月，计算型c9i约371元/月，按小时计费最低0.45元。实际购买享折扣，1年最高可省至1578元，附主流ECS实例及CPU型号参考。

程序员在线

487 8 8

翼龙云TG_yilongcloud

3月前

存储监控安全

阿里云渠道商：云服务器价格有什么变动？

阿里云带宽与存储费用呈基础资源降价、增值服务差异化趋势。企业应结合业务特点，通过阶梯计价、智能分层、弹性带宽等策略优化成本，借助云监控与预算预警机制，实现高效、可控的云资源管理。

翼龙云TG_yilongcloud

165 2 2

程序媛在线

3月前

弹性计算运维安全

区别及选择指南：阿里云轻量应用服务器与ECS云服务器有什么区别？

阿里云轻量应用服务器适合个人开发者、学生搭建博客、测试环境，易用且性价比高；ECS功能更强大，适合企业级应用如大数据、高流量网站。根据需求选择：轻量入门首选，ECS专业之选。

程序媛在线

313 2 2

Vue项目部署到服务器时上传报错“Uncaught (in promise) TypeError: s.upload.addEventListener is not a function”

一、报错原因

二、那么应该怎么解决呢？

热门文章

最新文章

相关电子书

探索云世界

热门

云计算

大数据

云原生

人工智能

数据库

开发与运维

活动广场

任务中心

训练营

直播

乘风者计划

下载

镜像站

技术资料

Vue项目部署到服务器时上传报错“Uncaught (in promise) TypeError: s.upload.addEventListener is not a function”

一、报错原因

二、 那么应该怎么解决呢？

热门文章

最新文章

相关电子书

二、那么应该怎么解决呢？