vue 集成ueditor（百度富文本编辑器）以及使用后端Java上传图片到服务器，特别注意的大坑

1.Uncaught SyntaxError: Unexpected token :

这种错误，属于是跨域问题，目前不清楚是什么原因和原理，但是引入时尽量在使用的组件中引入，不要全局引入

2.使用ueditor时，需要注意在引入编辑器的样式，在ueditor.config.js内 添加代码：

window.UEDITOR_HOME_URL = "static/ueditor/";

因为解压后ueditor文件放在Vue项目的static下，ueditor是放到项目的ueditor编辑器的文件夹名，所以路径如上

项目代码：

ue.vue：

ueditorDemo.vue:

UEditor中的方法： 

封装ue组件来初始化ueditor后，在要引入ue组件的父组件中定义config时在里面加上

第一个箭头id一定要有，并且不重复

第二个箭头就是上面所说的，解决打包后样式不丢失的办法

特别注意不要手贱在static的前面加上/

      "imageActionName": "uploadimage",     "imageFieldName": "upfile",     "imageMaxSize": 2048000,     "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"],     "imageCompressEnable": true,     "imageCompressBorder": 1600,     "imageInsertAlign": "none",     "imageUrlPrefix": "http://192.168.1.118:8080",     "localSavePathPrefix":"D:\Program Files\apache-tomcat-8.0.50\webapps",     "imagePathFormat": "/ueImg/{yyyy}{mm}{dd}/{time}{rand:6}",                                                                                                                                                                                                                                                                                                                                                                                                

上传的具体代码中：             state.putInfo( "title", picName);//文件名填入此处             state.putInfo( "group", "");//所属group填入此处             state.putInfo( "url", savePath);//文件访问的url填入此处             return state;

红色地方重要，是上传完后返回到前端的访问路径

本文地址：http://xiaoguoguo.dbeile.cn/quote/2837.html    多贝乐 http://xiaoguoguo.dbeile.cn/ , 查看更多