VUE+UEditor圖片跨域上傳怎樣實現

這次帶給大家VUE UEditor圖片跨域上傳怎樣實現，實現VUE UEditor圖片跨域上傳的注意事項有哪些，以下就是實戰案例，一起來看一下。

UEditor官網說不提供單一圖片的跨域，所以只能自己解決。查了網路上的很多方案，但是沒看到和vue一起用的，不過倒是獲得了一些思路。本著不想改太多原始碼的基礎上嘗試著...一不小心就可以用了 解決方案：上傳單圖片的時後端不直接返回JSON，而是重定向到前端頁面

前端：VUE

後端：WAMP ThinkPHP5.0

前端

http://localhost:8888

# 1.去官網下載UEditor到vue中，開啟ueditor.config.js設定伺服器路徑(本地網域可以去hosts檔案新增)，以下是我的設定

2.開啟ueditor.all.js查找

# 3.建立一個頁面展示JSON資料。我直接用路由參數接收回傳的結果後再拼接，整個JSON接收不到，所以只好拆開了，沒有顯示所有的JSON,只取得state和url。暫時不懂不訪問介面用什麼方式接收後端數據，如果有好的解決方式歡迎提出。

後端

http://localhost.server.com

# 1.把UEditor的PHP版本下載下來，裡面的PHP資料夾下的檔案複製到專案中，在Controller中的輸出結果中加入判斷，單一圖片不直接回傳結果

2、Config.json修改訪問路徑和保存路徑

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

express建置查詢伺服器的方法

# 自訂ajax的跨域元件封裝

vue實作頁面載入的進度條

以上是VUE+UEditor圖片跨域上傳怎樣實現的詳細內容。更多資訊請關注PHP中文網其他相關文章！