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

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

2023-08-28 1924
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 使用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
目录
相关文章
爱你三千遍斯塔克
Vue3，setup的使用需要搭配return进行使用，Vue3中带setup的script的标签和不带能不能合并到一起，export default不能放到setup里会报错，script
Vue3，setup的使用需要搭配return进行使用，Vue3中带setup的script的标签和不带能不能合并到一起，export default不能放到setup里会报错，script
爱你三千遍斯塔克
321 0
爱你三千遍斯塔克
|
前端开发
Vue2和Vue3的区别，在setup中定义的数据，在data(){return中能否定义到}，在setup我们不能用this，写在return中可以用this,但是不能在setup否则会报错
Vue2和Vue3的区别，在setup中定义的数据，在data(){return中能否定义到}，在setup我们不能用this，写在return中可以用this,但是不能在setup否则会报错
爱你三千遍斯塔克
178 0
六卿
|
JavaScript
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误，指出问题的原因通常是因为数据中的唯一标识符`id`不唯一，导致递归渲染造成调用栈溢出。
六卿
871 1
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
杀死一只知更鸟debug
|
人工智能 JavaScript 索引
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
这篇文章讨论了在Vue中进行列表渲染时遇到的“Duplicate keys detected”错误。这个错误通常发生在使用 `v-for` 指令渲染列表时，如果没有为每个循环项指定一个唯一的 `key` 属性，或者指定的 `key` 属性值重复了。文章提供了导致错误的原始代码示例，并给出了修正后的代码，通过在 `key` 绑定中加入索引确保 `key` 的唯一性。此外，文章还解释了为什么需要唯一 `key` 以及如何解决这个问题。
杀死一只知更鸟debug
1221 0
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
邹荣乐
|
JavaScript
Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题
Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题
邹荣乐
859 0
香吧香
|
前端开发 JavaScript
Vue 中 Promise 的then方法异步使用及async/await 异步使用总结
Vue 中 Promise 的then方法异步使用及async/await 异步使用总结
香吧香
493 1
朝阳39
|
Web App开发 JavaScript
vue报错【解决方案】 [Violation] Added non-passive event listener to a scroll-blocking ＜some＞ event.
vue报错【解决方案】 [Violation] Added non-passive event listener to a scroll-blocking ＜some＞ event.
朝阳39
1480 0
。思索
|
JavaScript
VUE——uuid引入报错
VUE——uuid引入报错
。思索
302 0
。思索
|
前端开发 JavaScript
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
。思索
371 0
。思索
|
JavaScript
Vue——报错总结
Vue——报错总结
。思索
117 0

热门文章

最新文章

  • 1
    性能涨20%！ECS g9i+至强® 6火出圈！上线100天圈粉10000+
  • 2
    阿里云服务器收费标准：2025年10月最新价格表，ECS、轻量和GPU云服务器报价清单
  • 3
    阿里云gpu云服务器全方位介绍：产品功能、应用场景、收费价格参考
  • 4
    阿里云服务器多少钱一年？亲测ECS、轻量、GPU服务器收费价格整理
  • 5
    阿里云服务器X86架构讲解：性能优势、适用场景、价格解读与参考
  • 6
    阿里云服务器购买、域名注册、备案和域名绑定全流程指南，图文教程参考
  • 7
    阿里云香港服务器收费价格：香港ECS和轻量应用服务器配置介绍
  • 8
    2025年阿里云GPU服务器租用价格与应用场景详解
  • 9
    深度长文！详解阿里云磐久AL128超节点服务器及互连架构
  • 10
    阿里云服务器收费标准：包年包月和按量付费费用整理
  • 1
    js实现promise常用场景使用示例
    132
  • 2
    用Promise.race()实现超时控制的代码示例
    251
  • 3
    JavaScript异步编程：从Promise到async/await
    410
  • 4
    一文吃透 Promise 与 async/await，异步编程也能如此简单！建议收藏！
    202
  • 5
    并发设计模式实战系列(15)：Future/Promise
    116
  • 6
    在Promise.race()中判断哪个Promise被拒绝了
    196
  • 7
    在Promise.race()中，如何判断是哪个Promise被解决了？
    210
  • 8
    在什么场景下适合使用 Promise.race() 方法？
    304
  • 9
    如何使用 Promise 的 race 方法？
    305
  • 10
    如何使用 Promise 的 all 方法？
    557

    • 相关课程

    更多
  • Linux Web服务器Nginx搭建与配置
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • 7天玩转云服务器
  • 云服务器选型、迁云最佳实践
  • 云服务器ECS基本操作

    • 相关电子书

    更多
  • 如何运维千台以上游戏云服务器
  • 网站/服务器取证 实践与挑战
  • ECS块储存产品全面解析

    • 相关实验场景

    更多
  • 基于ECS部署一款规划行程的AI Agent
  • 基于ECS部署DeepSeek个人专属AI网站
  • 在ECS上使用阿里云百炼部署满血版deepseek r1
  • 基于ECS和OSS快速搭建个人简历网站
  • 使用ECS和RDS搭建个人博客
  • ECS服务保活和宕机启动
    • 下一篇
    一文了解：阿里云对象存储OSS是什么？