ueditor的踩坑路

背景：

我使用ueditor的背景是  vue+vue-cli+webpack

1:引入ueditor；

    （1）把下载下来的文件放入项目的static文件下

2：修改ueditor.config.js文件

                    加上红框中的代码

3：页面引入

根据自己项目的路径

代码：

4：上传图片

    在下载下来的ueditor包里面，有一个jsp文件，其实前端同学不用管，对于图片上传，只需要后台同学给你一个接口地址。配置在ueditor.config.js里面的serverUrl里面

但是图片上传是会出现跨域的情况，比如你上传图片。明明后台接口都调通了，但是还是提示上传错误。可以这样解决

                （1）配置跨域

                    （2）配置在ueditor.config.js里面的serverUrl里面加上

比如你的接口地址是 172.20.11.67:8081/aa/bb

那你现在需要配置serverUrl成  你的本地地址 + 'zf/aa/bb';

比如我本地的运行

http://dev-isp.yiche.com:8080/#/。。。。

现在改成     'http://dev-isp.yiche.com:8080/zf/aa/bb';

3：上传视频。

在ueditor.config.js里面的serverUrl不用配置了，还是用原来的那一套。

但是视屏上传成功后，视屏是一个空框，也不能播放。我们需要修改一下几个地方

（1）ueditor.config.js的whitList里面

img属性里面加上_url

在后面加上这几行

（2）在ueditor.all.js里面

把image修改成video

注释掉这几行