AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2023-08-28 1605
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 使用vue-admin-element框架进行在本地文件上传以及富文本框中的文件上传是没有问题的，但是在上传部署vue项目到服务器上时，就会报如下图中一个错误。

一、报错原因        


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

a236fd1d77a74b028bd4673705053275.png

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


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


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


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


 MockXMLHttpRequest.prototype.upload = xhr.upload;

46f778de08cf4943abe5b767daaf852a.png


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


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


 MockXMLHttpRequest.prototype.upload = xhr.upload;

a7bdc8af9d94409a8bdb73e701d413d6.png


保存运行再试试


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

文章标签：
JavaScript
前端开发
关键词：
云服务器 ECS报错
vue云服务器 ECS
项目部署云服务器 ECS
报错function
uncaught Promise
smallmww
目录
相关文章
热爱技术的小郑
|
5月前
|
JavaScript 前端开发 应用服务中间件
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢？
这篇文章分析了Vue项目在服务器部署后出现404错误的原因，主要是由于history路由模式下服务器缺少对单页应用的支持，并提供了通过修改nginx配置使用`try_files`指令重定向所有请求到`index.html`的解决方案。
热爱技术的小郑
394 4
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢？
刘大猫.
|
3月前
|
前端开发 JavaScript Java
第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）
第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）
刘大猫.
96 4
游客cxtb2yf2r55as
|
3月前
|
关系型数据库 应用服务中间件 数据库
项目部署二：服务器和环境配置
项目部署二：服务器和环境配置
游客cxtb2yf2r55as
62 3
六卿
|
4月前
|
JavaScript 前端开发
vue配合axios连接express搭建的node服务器接口_简单案例
文章介绍了如何使用Express框架搭建一个简单的Node服务器，并使用Vue结合Axios进行前端开发和接口调用，同时讨论了开发过程中遇到的跨域问题及其解决方案。
六卿
74 0
vue配合axios连接express搭建的node服务器接口_简单案例
周一同学Zelina
|
4月前
|
JavaScript Linux 开发工具
如何将nodejs项目程序部署到阿里云服务器上
该文章详细描述了将Node.js项目部署到阿里云服务器的步骤，包括服务器环境配置、项目上传及使用PM2进行服务管理的过程。
周一同学Zelina
269 0
热爱技术的小郑
|
5月前
|
存储 JavaScript 前端开发
Vue中实现图片上传，上传后的图片回显，存储图片到服务器 【使用对象存储OSS】
这篇文章介绍了在Vue中实现图片上传到阿里云OSS对象存储服务的完整流程，包括服务端签名直传的前提知识、后端设置、前端组件封装以及图片上传和回显的效果展示。
热爱技术的小郑
821 2
。思索
|
5月前
|
前端开发 JavaScript
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
。思索
112 0
CodeQi技术小栈
|
5月前
|
JavaScript 前端开发 关系型数据库
Vue 开源项目：一款实用的个人音乐流媒体服务器，轻松打造属于自己的音乐天堂！！！
Vue 开源项目：一款实用的个人音乐流媒体服务器，轻松打造属于自己的音乐天堂！！！
CodeQi技术小栈
96 0
爱你三千遍斯塔克
|
6月前
|
Java
软件开发常用之SpringBoot文件下载接口编写（下)，Vue+SpringBoot文件上传下载预览，服务器默认上传是1M，可以调节,调节文件上传大小写法,图片预览，如何预览后下次还能看到，预览写法
软件开发常用之SpringBoot文件下载接口编写（下)，Vue+SpringBoot文件上传下载预览，服务器默认上传是1M，可以调节,调节文件上传大小写法,图片预览，如何预览后下次还能看到，预览写法
爱你三千遍斯塔克
66 2
爱你三千遍斯塔克
|
6月前
|
前端开发
前后端数据交互-----ncaught (in promise) TypeError: this.registerAPI is not a function
前后端数据交互-----ncaught (in promise) TypeError: this.registerAPI is not a function
爱你三千遍斯塔克
54 0

热门文章

最新文章

  • 1
    阿里云服务器ECS经济型e实例与通用算力u1区别、特性优势、使用场景及租赁费用对比
  • 2
    阿里云服务器租用、注册域名、备案及域名解析完整流程参考（图文教程）
  • 3
    阿里云服务器云盘类型怎么选？ESSD AutoPL、ESSD和ESSD Entry云盘区别及选择参考
  • 4
    如何把阿里云ECS里的文件下载到本地（免登录免配置）
  • 5
    使用Nginx搭建流媒体服务器
  • 6
    云服务器成本优化深度解析与实战案例
  • 7
    轻松管理Linux服务器的5个优秀管理面板
  • 8
    ChatMCP：基于 MCP 协议开发的 AI 聊天客户端，支持多语言和自动化安装 MCP 服务器
  • 9
    阿里云上快速搭建幻兽帕鲁游戏联机服务器指南
  • 10
    阿里云服务器经济型e与通用算力型u1实例各自性能、适用场景区别及选择参考
  • 1
    使用Vue.js构建交互式前端的技术探索
    96
  • 2
    ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
    177
  • 3
    vue2升级到vue3的一些使用注意事项记录(四）
    142
  • 4
    ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
    159
  • 5
    ruoyi-nbcio-plus基于vue3的flowable多租户机制
    213
  • 6
    ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
    123
  • 7
    vue3中使用动态组件
    117
  • 8
    Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
    150
  • 9
    ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
    80
  • 10
    ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
    129

    • 相关课程

    更多
  • ECS上云入门三部曲
  • 服务器硬件基础
  • Linux Web服务器Nginx搭建与配置
  • 7天玩转云服务器
  • 云服务器选型、迁云最佳实践
  • 云服务器ECS基本操作

    • 相关电子书

    更多
  • 如何运维千台以上游戏云服务器
  • 网站/服务器取证 实践与挑战
  • ECS快储存加密技术

    • 相关实验场景

    更多
  • 基于ECS和OSS快速搭建个人简历网站
  • 使用ECS和RDS搭建个人博客
  • 利用云备份Cloud Backup实现ECS文件备份
  • 基于ECS搭建FTP服务
  • 基于ECS和NAS搭建个人网盘
  • 使用ECS和OSS搭建个人网盘
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月