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

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

2023-08-28 1904
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 使用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
前端开发
关键词：
报错function
vue项目部署云服务器 ECS
项目部署云服务器 ECS
vue云服务器 ECS
云服务器 ECS报错
smallmww
目录
相关文章
蓝易云
|
7月前
|
JavaScript 应用服务中间件 nginx
Vue项目部署：如何打包并上传至服务器进行部署？
以上就是Vue项目打包及部署的方法，希望对你有所帮助。描述中可能会有一些小疏漏，但基本流程应该没有问题。记住要根据你的实际情况调整对应的目录路径和服务器IP地址等信息。此外，实际操作时可能会遇到各种问题，解决问题的能力是每一位开发者必备的技能。祝你部署顺利！
蓝易云
1400 17
热爱技术的小郑
|
JavaScript 前端开发 应用服务中间件
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢？
这篇文章分析了Vue项目在服务器部署后出现404错误的原因，主要是由于history路由模式下服务器缺少对单页应用的支持，并提供了通过修改nginx配置使用`try_files`指令重定向所有请求到`index.html`的解决方案。
热爱技术的小郑
669 4
【Vue面试题三十】、vue项目本地开发完成后部署到服务器后报404是什么原因呢？
六卿
|
JavaScript
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误，指出问题的原因通常是因为数据中的唯一标识符`id`不唯一，导致递归渲染造成调用栈溢出。
六卿
826 1
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
刘大猫.
|
12月前
|
前端开发 JavaScript Java
第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）
第6章：Vue中的ajax（包含：回顾发送ajax请求方式、vue-cli脚手架配置代理服务器）
刘大猫.
207 4
杀死一只知更鸟debug
|
人工智能 JavaScript 索引
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
这篇文章讨论了在Vue中进行列表渲染时遇到的“Duplicate keys detected”错误。这个错误通常发生在使用 `v-for` 指令渲染列表时，如果没有为每个循环项指定一个唯一的 `key` 属性，或者指定的 `key` 属性值重复了。文章提供了导致错误的原始代码示例，并给出了修正后的代码，通过在 `key` 绑定中加入索引确保 `key` 的唯一性。此外，文章还解释了为什么需要唯一 `key` 以及如何解决这个问题。
杀死一只知更鸟debug
1164 0
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
六卿
|
JavaScript 前端开发
vue配合axios连接express搭建的node服务器接口_简单案例
文章介绍了如何使用Express框架搭建一个简单的Node服务器，并使用Vue结合Axios进行前端开发和接口调用，同时讨论了开发过程中遇到的跨域问题及其解决方案。
六卿
214 0
vue配合axios连接express搭建的node服务器接口_简单案例
邹荣乐
|
12月前
|
JavaScript
Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题
Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题
邹荣乐
840 0
热爱技术的小郑
|
存储 JavaScript 前端开发
Vue中实现图片上传，上传后的图片回显，存储图片到服务器 【使用对象存储OSS】
这篇文章介绍了在Vue中实现图片上传到阿里云OSS对象存储服务的完整流程，包括服务端签名直传的前提知识、后端设置、前端组件封装以及图片上传和回显的效果展示。
热爱技术的小郑
2369 2
香吧香
|
前端开发 JavaScript
Vue 中 Promise 的then方法异步使用及async/await 异步使用总结
Vue 中 Promise 的then方法异步使用及async/await 异步使用总结
香吧香
459 1
爱你三千遍斯塔克
|
Java
软件开发常用之SpringBoot文件下载接口编写（下)，Vue+SpringBoot文件上传下载预览，服务器默认上传是1M，可以调节,调节文件上传大小写法,图片预览，如何预览后下次还能看到，预览写法
软件开发常用之SpringBoot文件下载接口编写（下)，Vue+SpringBoot文件上传下载预览，服务器默认上传是1M，可以调节,调节文件上传大小写法,图片预览，如何预览后下次还能看到，预览写法
爱你三千遍斯塔克
342 2

热门文章

最新文章

  • 1
    Function Calling
  • 2
    【Azure环境】使用ARM Template部署Policy模板时候报错不支持filed函数: The template function 'field' is not valid.
  • 3
    【Azure Function App】PowerShell Function 执行 Get-AzAccessToken 的返回值类型问题：System.String 与 System.Security.SecureString
  • 4
    JavaScript异步编程：从Promise到async/await
  • 5
    2025阿里云GPU服务器租赁价格：1个月、1小时和一年收费标准
  • 6
    2025阿里云服务器收费价格表：一年和1个月租赁费用清单
  • 7
    服务器核心组件：CPU 与 GPU 的核心区别、应用场景、协同工作
  • 8
    阿里云服务器租用价格：最新包年、按小时、按月收费标准及活动价格参考
  • 9
    阿里云gpu云服务器收费价格，热门实例简介和最新按量、1个月、1年收费标准参考
  • 10
    如何在 ECS/EKS 集群中有效使用 Jenkins
  • 1
    基于Vite7.1+Vue3+Pinia3+ArcoDesign网页版webos后台模板
    139
  • 2
    Vue中如何实现兄弟组件之间的通信
    134
  • 3
    虚拟列表在Vue3中的具体应用场景有哪些？
    272
  • 4
    除了循环引用，Vue3还有哪些常见的性能优化技巧？
    148
  • 5
    在 Vue 中，如何在回调函数中正确使用 this？
    111
  • 6
    vue3循环引用自已实现
    99
  • 7
    VTJ.PRO 首发 MasterGo 设计智能识别引擎，秒级生成 Vue 代码
    246
  • 8
    Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建
    570
  • 9
    用组件懒加载优化Vue应用性能
    279
  • 10
    Vue 表情包输入组件实现代码及详细开发流程解析
    213

    • 相关课程

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

    • 相关电子书

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

    • 相关实验场景

    更多
  • 基于ECS部署一款规划行程的AI Agent
  • 基于ECS部署DeepSeek个人专属AI网站
  • 在ECS上使用阿里云百炼部署满血版deepseek r1
  • 基于ECS和OSS快速搭建个人简历网站
  • 使用ECS和RDS搭建个人博客
  • ECS服务保活和宕机启动
    • 下一篇
    深度 | 从0到3.0，揭秘阿里云洛神云网络的进化之路