在微服务架构的项目中，使用ueditor出现的问题

1.ueditor上传图片功能无法使用

在微服务架构的项目中，使用ueditor富文本编辑器第一个问题，上传单图功能无法调起

拒绝执行脚本，因为其MIME类型（‘application / json’）无法执行，并且启用了严格的MIME类型检查。

解决方法：
给接口添加：@ResponseBody，将接收的响应头修改为 text/javascript

@RequestMapping(value = "ueditor", produces = "text/javascript; charset=utf-8")
@ResponseBody
public Object ueditor(MultipartFile upfile,String action,String callback){
}

至此富文本编辑器后台配置错误提示消失，上传图片接口可以成功调起 ↓

2.点击上传图片提示406上传错误

以为成功调起上传图片功能，就完事了。突然被同事提醒，上传图片失败。

给代码打断点发现，程序运行正常并且可以返回数据，图片也存在于路径文件夹中。但是前端页面却提示，406找不到可接受的表示形式

上网找了很多方法，思考了很久都没有头绪。
终于抱着试一试的想法，将后台的请求头修改为：application/json。此时前端页面就处于：可以正常调起上传图片功能，且发送的请求头为application/json的状态。

@RequestMapping(value = "ueditor", produces = "application/json; charset=utf-8")
@ResponseBody
public Object ueditor(MultipartFile upfile,String action,String callback){
}

图片成功了，并且能正常回显！

我的解决思路：
在前端对请求类型做判断分配对应的响应头。
亲友建议使用nginx反向代理，在后台实现这一功能。

3.解决问题

目前以自己的知识储备无法快速的实现这两个想法，于是我又继续面向百度编程。
找到了两篇很好的帖子，一篇解释了问题1的报错原理，以及给出了解决方法，非常推荐阅读。
帖子1：AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式

一篇提供了vue+百度uditor使用自定义按钮代替上传图片的功能的案例，功能完善代码详细。
帖子2： vue中使用百度ueditor,自定义图片上传

最后参考第二篇帖子解决了百度富文本编辑器上传图片出错的问题。