滥眩 发表于 2025-7-17 17:14:02

Vue3 mock影响Element-Plus库中upload上传组件

在使用 Element Plus 的 el-upload 组件时，如果你启用了 mock.js 拦截请求（如使用 mockXHR() 进行接口模拟），确实可能会对上传功能产生影响，表现为上传失败、无响应、进度条卡住等问题。
这是因为 mock.js 拦截了 XMLHttpRequest，而 el-upload 内部就是基于 XMLHttpRequest 来实现上传逻辑的。如果 mock.js 没有正确处理 xhr.upload 或响应内容，可能会出现各种问题。
✅ 保留现有 mockXHR() 机制用于普通接口的 mock；
✅ 上传模块不受 mock 干扰，使用真实的 XMLHttpRequest；
✅ 不破坏现有业务逻辑和接口调用。

✅ 最佳实践：上传模块临时恢复原生 XMLHttpRequest

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

判涔 发表于 2025-11-3 02:25:29

前排留名，哈哈哈

艋佰傧 发表于 2025-11-5 22:19:01

谢谢分享，试用一下

宇文之 发表于 2025-11-12 00:56:04

谢谢楼主提供！

钿稳铆 发表于 2025-11-14 21:51:18

谢谢楼主提供！

禄磊 发表于 2025-11-26 16:05:02

喜欢鼓捣这些软件，现在用得少，谢谢分享！

当贵 发表于 2025-12-5 11:47:09

喜欢鼓捣这些软件，现在用得少，谢谢分享！

刘凤 发表于 2025-12-24 21:40:12

收藏一下   不知道什么时候能用到

搁胱 发表于 2025-12-27 03:55:14

懂技术并乐意极积无私分享的人越来越少。珍惜

南宫玉英 发表于 2026-1-9 19:15:39

谢谢分享，试用一下

泡市 发表于 2026-1-13 19:35:42

谢谢分享，辛苦了

黎娅茜 发表于 2026-1-15 05:14:19

感谢发布原创作品，程序园因你更精彩

菅舛 发表于 2026-1-17 18:53:35

热心回复！

扎先 发表于 2026-1-18 00:36:17

感谢分享，下载保存了，貌似很强大

劳暄美 发表于 2026-1-18 13:32:48

懂技术并乐意极积无私分享的人越来越少。珍惜

晾棋砷 发表于 2026-1-20 23:35:26

前排留名，哈哈哈

班嘉淑 发表于 2026-1-21 16:20:25

热心回复！

赀倦 发表于 2026-1-24 01:46:54

感谢，下载保存了

眩疝诺 发表于 2026-1-28 04:11:33

yyds。多谢分享

剩鹄逅 发表于 2026-1-29 05:00:26

不错，里面软件多更新就更好了
页: [1] 2 3
查看完整版本: Vue3 mock影响Element-Plus库中upload上传组件