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

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修复

你可能感兴趣的:(vue实践笔记系列十二——集成ueditor后上传组件bug修复)