备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

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

2023-08-28 609
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 使用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报错
报错function
报错Promise
vue云服务器 ECS
项目部署云服务器 ECS
smallmww
目录
相关文章
cuicuicuic
|
3天前
|
弹性计算 缓存 Serverless
Serverless 应用引擎操作报错合集之阿里函数计算中我打开sd时遇到错误，信息为"Function instance exited unexpectedly(code 1, message:operation not permitted) with start command ' '."如何解决
Serverless 应用引擎（SAE）是阿里云提供的Serverless PaaS平台，支持Spring Cloud、Dubbo、HSF等主流微服务框架，简化应用的部署、运维和弹性伸缩。在使用SAE过程中，可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
cuicuicuic
15 6
cuicuicuic
|
3天前
|
Serverless 应用服务中间件 数据安全/隐私保护
Serverless 应用引擎操作报错合集之在阿里函数计算中，函数执行超时，报错Function time out after如何解决
Serverless 应用引擎（SAE）是阿里云提供的Serverless PaaS平台，支持Spring Cloud、Dubbo、HSF等主流微服务框架，简化应用的部署、运维和弹性伸缩。在使用SAE过程中，可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
cuicuicuic
15 4
cuicuicuic
|
3天前
|
Java 中间件 Serverless
Serverless 应用引擎操作报错合集之在阿里函数计算中，云函数怎么一直报错Function instance exited unexpectedly(code 1, message:operation not permitted) with start command 'php server.php '.如何解决
Serverless 应用引擎（SAE）是阿里云提供的Serverless PaaS平台，支持Spring Cloud、Dubbo、HSF等主流微服务框架，简化应用的部署、运维和弹性伸缩。在使用SAE过程中，可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
cuicuicuic
11 2
cuicuicuic
|
3天前
|
弹性计算 Dubbo Serverless
Serverless 应用引擎操作报错合集之阿里函数计算中配置完fc，出现‘Function instance exited unexpectedly(code 1, message:operation not permitted) with start command 'npm run start '. 报错如何解决
Serverless 应用引擎（SAE）是阿里云提供的Serverless PaaS平台，支持Spring Cloud、Dubbo、HSF等主流微服务框架，简化应用的部署、运维和弹性伸缩。在使用SAE过程中，可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
cuicuicuic
14 5
龙大吉
|
13天前
|
JavaScript 前端开发 UED
Vue工具和生态系统： Vue.js和服务器端渲染（SSR）有关系吗？请解释。
Vue.js是一个渐进式JavaScript框架，常用于开发单页面应用，但其首屏加载较慢影响用户体验和SEO。为解决此问题，Vue.js支持服务器端渲染（SSR），在服务器预生成HTML，加快首屏速度。Vue.js的SSR可手动实现或借助如Nuxt.js的第三方库简化流程。Nuxt.js是基于Vue.js的服务器端渲染框架，整合核心库并提供额外功能，帮助构建高效的应用，改善用户体验。
龙大吉
13 0
微芒不朽
|
14天前
|
JavaScript
vue项目使用可选链操作符编译报错问题
vue项目使用可选链操作符编译报错问题
微芒不朽
34 0
微芒不朽
|
14天前
|
JavaScript
Vue项目启动报错处理
Vue项目启动报错处理
微芒不朽
9 1
兮叶William
|
23天前
|
云安全 弹性计算 安全
电子好书发您分享《阿里云第八代企业级ECS实例，为企业提供更安全的云上防护》
阿里云推出第八代企业级ECS实例，强化云安全，搭载英特尔TDX技术，结合CIPU与飞天系统，提供高效且安全的云服务解决方案。[阅读详情](https://developer.aliyun.com/ebook/8303/116162?spm=a2c6h.26392459.ebook-detail.5.5c0b7e5aZhSJ9V)
兮叶William
15 2
游客km5tgzjfur5hk
|
17小时前
|
弹性计算
阿里云ECS的使用心得
本文主要讲述了我是如何了解到ECS，使用ECS的一些经验，以及自己的感悟心得
游客km5tgzjfur5hk
9 1
游客km5tgzjfur5hk
|
1天前
|
弹性计算
阿里云ECS使用体验
在申请高校学生免费体验阿里云ECS云服务器后的一些使用体验和感受。
游客km5tgzjfur5hk
6 1

热门文章

最新文章

  • 1
    突破技术限制：使用 request-promise 库进行美团数据获取
  • 2
    Linux基础与服务器架构综合小实践
  • 3
    Promise, async, await实现异步编程，代码详解
  • 4
    服务器中常用的几个资源监控工具整理
  • 5
    Promise、async和await
  • 6
    使用阿里云 mqtt serverless 版本超低成本快速实现 webscoket 长链接服务器
  • 7
    阿里云服务器实例、CPU内存、带宽、操作系统选择参考
  • 8
    ecs服务器shell常用脚本练习（十）
  • 9
    ecs服务器shell常用脚本练习（九）
  • 10
    阿里云数据库服务器价格表，数据库创建、连接和使用教程
  • 1
    在vue中，在哪个生命周期内调用异步请求？
    25
  • 2
    在vue中，Vue 的父组件和子组件生命周期钩子函数执行顺序？
    17
  • 3
    在vue中，直接给一个数组项赋值，Vue 能检测到变化吗？
    24
  • 4
    在vue中，computed 和 watch 的区别和运用的场景？
    14
  • 5
    在vue中，怎样理解 Vue 的单向数据流？
    23
  • 6
    在vue中，Class 与 Style 如何动态绑定？
    16
  • 7
    在vue中，v-show 与 v-if 有什么区别？
    23
  • 8
    在vue中，如何实现SPA单页面应用的路由管理？
    22
  • 9
    在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
    39
  • 10
    解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
    62

    • 相关课程

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

    • 相关电子书

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

    • 相关实验场景

    更多
  • 使用阿里云ECS监控您的特斯拉
  • 使用阿里云ECS安装家用内网穿透服务
  • ECS实例选型最佳实践
  • ECS服务保活和宕机启动
  • 云原生场景自动化响应ECS系统事件
  • 幻兽帕鲁联机服务快速部署【有ECS用户】
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考