ueditor在vue+springboot前后端分离项目图片上传配置踩坑总结

记录一下vue+springboot项目中ueditor上传图片配置踩的坑

    • ueditor集成的基本配置
    • VUE前端踩的坑
    • 注意*******************注意,下面是爬了一天的坑

ueditor集成的基本配置

网上有很多教程,具体的配置就先不说了。
https://www.cnblogs.com/ocean-sky/p/7132319.html
这个链接里面写的就非常详细。

VUE前端踩的坑

首先需要开启代理模式
ueditor在vue+springboot前后端分离项目图片上传配置踩坑总结_第1张图片
open_proxy:true代表开启代理,如果不开启代理,则将true改为false即可。如果不开启代理的话,前端会提示后端配置项没有正常加载。
ueditor在vue+springboot前后端分离项目图片上传配置踩坑总结_第2张图片

注意*******************注意,下面是爬了一天的坑

第一个坑是token
图片1
这样写路径的话,请求中没有token,请求不到后端,因为我的项目是后端通过判断前端请求中携带的token来判断是否可以通过请求。

然后我就这样写的
在这里插入图片描述
这样写的话,token倒是有了,后端会接收到请求,后端的controller中的方法也会正常执行,return也会正常return。但是前端却无论如何都接收不到后端返回的值,无论后端如何写返回值,不管是返回字符串还是返回map,前端都无法接收到。

最后我把这边的路径改成了这样
在这里插入图片描述

然后运行,success!
ueditor在vue+springboot前后端分离项目图片上传配置踩坑总结_第3张图片

积跬步,以至千里!

欢迎指点~~

你可能感兴趣的:(ueditor在vue+springboot前后端分离项目图片上传配置踩坑总结)