vue实践笔记系列十二——集成ueditor后上传组件bug修复_江南春008_新浪博客

本文介绍在Vue项目中集成UEditor后遇到的图片上传功能异常问题,首次加载正常,再次进入则无法使用。通过分析源码,发现是由于打包顺序导致的getActionUrl覆盖问题,提供了解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue集成ueditor网上很多教程,具体步骤不一一赘述,我们来看实际中的问题。

集成后,自测功能一切正常,测试人员发现上传图片功能只有第一次加载ueditor时正常,切换其他页面再打开ueditor页面时,上传功能不可用,提示如下信息:

vue实践笔记系列十二——集成ueditor后上传组件bug修复

这个报错,很明显是文件服务器或上传接口地址没配置或配置不对造成的!那么问题来了,为什么第一次可以正常加载???

问题很诡异,百度了好多次,查看了好多文章,并没有真正解决我遇到的问题(犯懒了,不想查看源码)。

被逼无奈,只得查看ueditor源码,经过调试发现,打包后的index.html中ueditor.all.js在打包js之前引入了,导致getActionUrl被覆盖,从而无法正常获取configUrl

解决方案有两种:

1、调整js引入顺序

2、修改ueditor源码

本项目采用方案2,具体修改如下:

将ueditor.all.js的8082和8083行替换为如下代码

vue实践笔记系列十二——集成ueditor后上传组件bug修复

vue实践笔记系列十二——集成ueditor后上传组件bug修复

修复代码如下:

vue实践笔记系列十二——集成ueditor后上传组件bug修复

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值