UEditor官網說不提供單圖片的跨域,因此只能本身解決。查了網上的不少方案,可是沒看到和vue一塊兒用的,不過卻是得到了一些思路。本着不想改太多源代碼的基礎上嘗試着...一不當心就能夠用了 解決方案:上傳單圖片的時後端不直接返回JSON,而是重定向到前端頁面前端
前端:VUEvue
後端:WAMP + ThinkPHP5.0json
前端後端
http://localhost:8888跨域
一、去官網下載UEditor到vue中,打開ueditor.config.js配置服務器路徑(本地域名能夠去hosts文件中添加),下面是個人配置服務器
二、打開ueditor.all.js查找<input id= 在後面添加標識以便後端判斷是不是單圖片上傳:url
三、建立一個頁面展現JSON數據。我直接用路由參數接收返回的結果後再拼接,整個JSON接收不到,因此只好拆開了,沒有顯示全部的JSON,只獲取state和url。暫時不懂不訪問接口用什麼方式接收後端數據,若是有好的解決方式歡迎提出。3d
後端cdn
http://localhost.server.comserver
一、把UEditor的PHP版本下載下來,裏面的PHP文件夾下的文件複製到項目中,在Controller中的輸出結果中添加判斷,單圖片不直接返回結果
二、Config.json修改訪問路徑和保存路徑
這樣就基本完成了,看看效果 單圖
若有不足歡迎提出