ueditor是一款功能强大的富文本框编辑器。

由于之前项目没有前后分离，用户鉴权用的cookie那套，所以并没有觉得上传图片有什么问题。

前后分离后，cookie就不适用了，为了鉴权需要在请求头添加token给后端验证。

ueditor图片上传主要有两种，一种是拖动图片到编辑器中，一种是点击图片上传按钮上传图片。

第一种我们需要修改./ueditor.all.js文件

• 1.找到代码

xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");

• 2.在前面添加以下代码，token存储位置和header上送值请依据你的实际项目修改。

xhr.setRequestHeader("Authorization", localStorage.getItem('token'));

• 3.压缩ueditor.all.js 成 ueditor.all.min.js

第二种我们需要修改./third-party/webuploader/webuploader.js文件

• 1.找到代码

_doSend: function( block ) {
  var me = this,
  owner = me.owner,
  opts = me.options,
  file = block.file,
  tr = new Transport( opts ),
  data = $.extend({}, opts.formData ),
  headers = $.extend({}, opts.headers ),
  requestAccept, ret;

• 2.在后面添加以下代码，token存储位置和header上送值请依据你的实际项目修改。

 headers.Authorization = localStorage.getItem('token')

• 3.压缩webuploader.js 成 webuploader.min.js