1. 程式人生 > >Vue專案整合ueditor。解決圖片上傳及跨域問題

Vue專案整合ueditor。解決圖片上傳及跨域問題

1:下載ueditor下來,放在vue專案中的static資料夾下

2:建立ueditor編輯介面
3:椰~~~~~此時已經可以使用了
但是你會發現
(黑人臉)what the fuck??????????看下面    
如果你只是搞前端介面,那就到此結束不用往下看了,剩下的是給苦逼後臺乾的事!!4:這時,我們就需要把ueditor中的php那個資料夾挪到apache伺服器的根目錄下
此時我的php資料夾的目錄是apache根目錄\utf8-php\php5:修改ueditor.config.js. 127.0.0.1:8090是apache的根訪問路徑
6:修改剛剛apache根目錄那裡php/controller.php
開啟前面的那兩行跨域請求,然後選擇圖片上傳,你會發現,你的Apache根目錄下多了個ueditor資料夾,最裡面就儲存著你剛剛上傳的圖片

上傳是上傳了,也能儲存到後臺了,但是日了狗,你會發現在介面中顯示不出來
然後開啟newwork一看,後臺返回的資料中url那裡的路徑缺了本地apache的域名,根本就無法訪問到
7(方法1):大家耐心點,這是最後一步了。 開啟apache根目錄那裡的php下的upload.class.php,一直往下,往下,往下,往下,往下,往下,往下,往下,往下,你會看到這麼一段玩意,這裡就是剛剛在newwork中返回的資料,在url那裡加上你apache的域名,就大功告成
7(方法2,推薦) 修改apache根目錄那裡的php下config.json,紅色框那裡也是你apache的域名
最後再次上傳,你就發現,特麼的終於可以了!!!!!!!!!

如果還不明白請留言,看到我會回覆的!!!