使用vue-cli3打包后ueditor编辑器路径不正确的问题

前几天做了一个后台管理系统,由于要使用一款富文本编辑器,挑来选去,我选择了百度的ueditor编辑器,配合vue-cli3使用。按照他的流程,也是将编辑器放在了我的系统中,但是当我要打包后发现打包后浏览器加载不了ueditor.config.js这个文件,仔细一看原来是路径不对在这里插入图片描述,一开始我以为是webpack的原因,但是由于我已经在vue.config.js中配置了使用vue-cli3打包后ueditor编辑器路径不正确的问题_第1张图片,而且其他文件都加载成功,所以我感觉应该不是webpack的问题,也许是ueditor编辑器配置默认路径不适合打包,所以我在我的静态文件包中的ueditor中的js配置中寻找配置项,比如ueditor.config.js中使用vue-cli3打包后ueditor编辑器路径不正确的问题_第2张图片
修改图中的HOME地址,可是问题还没没有解决,修改其他js文件类似配置基本路径也都没有用,正当我一筹莫展的时候,我忽然发现,当时在使用ueditor编辑器的时候,还使用node.js下载过vue-ueditor-wrap这个插件,,于是我从node_modules中寻找的vue-ueditor-wrap文件包,在经过一番寻找后 我终于在/lib/vue-ueditor-wrap.min.js中寻找到使用vue-cli3打包后ueditor编辑器路径不正确的问题_第3张图片
(一开始是压缩版本,需要右键格式化代码才可以找到)把”/static/UEditor/“改成”./static/UEditor/“以后在这里插入图片描述OK!问题完美解决,编辑器也显示出来了~~~~

你可能感兴趣的:(web前端)