备案控制台

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

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

2023-08-28 1683

版权

版权声明：

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

简介： 使用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

前端开发

关键词：

云服务器 ECS报错

vue云服务器 ECS

项目部署云服务器 ECS

报错function

uncaught Promise

smallmww

目录

相关文章

热爱技术的小郑

|

7月前

|

JavaScript 前端开发应用服务中间件

【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢？

这篇文章分析了Vue项目在服务器部署后出现404错误的原因，主要是由于history路由模式下服务器缺少对单页应用的支持，并提供了通过修改nginx配置使用`try_files`指令重定向所有请求到`index.html`的解决方案。

热爱技术的小郑

440 4 4

【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢？

柠檬茶五元

|

9月前

|

前端开发数据安全/隐私保护

Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:

Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:

柠檬茶五元

301 2 2

刘大猫.

|

5月前

|

前端开发 JavaScript Java

第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）

第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）

刘大猫.

138 4 4

六卿

|

6月前

|

JavaScript 前端开发

vue配合axios连接express搭建的node服务器接口_简单案例

文章介绍了如何使用Express框架搭建一个简单的Node服务器，并使用Vue结合Axios进行前端开发和接口调用，同时讨论了开发过程中遇到的跨域问题及其解决方案。

六卿

107 0 0

vue配合axios连接express搭建的node服务器接口_简单案例

热爱技术的小郑

|

7月前

|

存储 JavaScript 前端开发

Vue中实现图片上传，上传后的图片回显，存储图片到服务器【使用对象存储OSS】

这篇文章介绍了在Vue中实现图片上传到阿里云OSS对象存储服务的完整流程，包括服务端签名直传的前提知识、后端设置、前端组件封装以及图片上传和回显的效果展示。

热爱技术的小郑

1056 2 2

。思索

|

7月前

|

前端开发 JavaScript

VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined

VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined

。思索

162 0 0

CodeQi技术小栈

|

7月前

|

JavaScript 前端开发关系型数据库

Vue 开源项目：一款实用的个人音乐流媒体服务器，轻松打造属于自己的音乐天堂！！！

Vue 开源项目：一款实用的个人音乐流媒体服务器，轻松打造属于自己的音乐天堂！！！

CodeQi技术小栈

119 0 0

爱你三千遍斯塔克

|

8月前

|

Java

软件开发常用之SpringBoot文件下载接口编写（下)，Vue+SpringBoot文件上传下载预览，服务器默认上传是1M，可以调节,调节文件上传大小写法,图片预览，如何预览后下次还能看到，预览写法

软件开发常用之SpringBoot文件下载接口编写（下)，Vue+SpringBoot文件上传下载预览，服务器默认上传是1M，可以调节,调节文件上传大小写法,图片预览，如何预览后下次还能看到，预览写法

爱你三千遍斯塔克

117 2 2

爱你三千遍斯塔克

|

8月前

|

前端开发

Error in created hook: “TypeError: _test.default is not a function

Error in created hook: “TypeError: _test.default is not a function

爱你三千遍斯塔克

85 1 1

朝阳39

|

8月前

|

JavaScript 应用服务中间件 nginx

【项目部署系列教程】4. 将Vue项目部署到远程服务器

【项目部署系列教程】4. 将Vue项目部署到远程服务器

朝阳39

462 1 1

热门文章

最新文章

告别服务器繁忙，云上部署DeepSeek

2025年NVIDIA RTX 4090服务器租赁价格与选型详解

在ECS上使用百炼部署满血版DeepSeek R1

2025年NVIDIA RTX 4090云服务器租赁价格与选型指南

2025年阿里云GPU服务器租用价格、选型策略与应用场景详解

阿里云出手了，基于百炼一键部署DeepSeek满血版，告别服务器繁忙1

2025年阿里云GPU服务器的租赁价格与选型指南

阿里云gpu云服务器租用价格：最新收费标准及活动价格参考

2025年阿里云服务器配置选择全攻略：CPU、内存、带宽与系统盘详解

2025年阿里云企业云服务器ECS选购与配置全攻略

使用 async/await 结合 try/catch 处理 Promise.reject()抛出的错误时，有什么需要注意的地方？

如何在不使用catch方法的情况下处理Promise.reject()抛出的错误？

在Promise链中，如果前面的catch方法没有捕获到错误，后面的catch方法还会执行吗？

在Promise链中是否可以多次使用catch方法？

Promise.reject()和throw有什么区别？

Promise有哪些常用的方法？

深入理解 ECMAScript 2024 新特性：Promise.withResolvers

在使用Promise.allSettled()时，如何处理不同状态的Promise？

除了使用Polyfill，还有其他解决Promise.allSettled()兼容性问题的方法吗？

Promise.allSettled()方法的兼容性如何？

相关课程

更多

Linux Web服务器Nginx搭建与配置

Vue.js 入门与实战

Vue.js完全自学手册图文教程

7天玩转云服务器

云服务器选型、迁云最佳实践

云服务器ECS基本操作

相关电子书

更多

如何运维千台以上游戏云服务器

网站/服务器取证实践与挑战

ECS快储存加密技术

相关实验场景

更多

基于ECS部署DeepSeek个人专属AI网站

在ECS上使用百炼部署满血版deepseek r1

ECS部署集打散

云服务器ECS的基础运维管理

基于ECS和OSS快速搭建个人简历网站

ECS服务保活和宕机启动

下一篇

获取百炼API-KEY