#Ueditor 跨域的问题研究
博客新地址:blog.dodd2014.com
一、背景
这段时间在做CMS毕业设计项目,项目是nodejs后台,angular+require前台
前后端完全分离,采用ajax来获取数据渲染到前台上,所以前端不用任何后台语言,纯html/css/js,我将前端放在了80端口,后端放在3008端口,实际上属于两个完全不同域名。
二、问题
首先是官方没有给nodejs的版本、然后就是这篇文章的主要问题跨域。
三、解决方案
UE官方给的源码都是前后端在一起,我下载了一个PHP版本的,文件结构如下:
其中PHP文件夹是服务端代码,因为我用的node,所以走你删之~
其余的我们放入前端相关地方,然后引入之即可,需要引入的文件有三
- ueditor.all.(min.)js 主文件不用说
- ueditor.config.js 配置文件
- third-party/zeroclipboard/ZeroClipboard.min.js
- lang下的语言文件
接着,要配置UE的Home,serverUrl,我直接在ueditor.config.js 用绝对路径写死了 然后就可以开心愉快的在页面里使用啦
但是,图片上传呢,服务端呢,翻了官网插件,哎呦,找到一个ue for nodejs果断用之,翻阅其源码,就是处理了一下文件的保存,然后通知前端是否保存成功之类的事情。
var ueditor = require("./ueditor");//注意这里的‘./’ 因为我改了他的代码,所以直接把他的lib/index.js拷出来做为自己的文件用了原版只要直接require("ueditor")就好了(当然前提是你是通过npm install ueditor安装的)