1:下载ueditor下来,放在vue项目中的static文件夹下
![](https://i-blog.csdnimg.cn/blog_migrate/e3998e8fcc477059660f02e73d467fc8.png)
2:创建ueditor编辑界面
![](https://i-blog.csdnimg.cn/blog_migrate/f5a98771633a5ba1a2db4361db865799.png)
3:椰~~~~~此时已经可以使用了
![](https://i-blog.csdnimg.cn/blog_migrate/2d79df148065a4785b572cc1bf057021.png)
但是你会发现
![](https://i-blog.csdnimg.cn/blog_migrate/8565512fd4267c9e9e4f8e6ed19254a9.png)
(黑人脸)what the fuck??????????看下面
![](https://i-blog.csdnimg.cn/blog_migrate/23ce1e0b895316fbbe04813b7f6f1b9b.png)
如果你只是搞前端界面,那就到此结束不用往下看了,剩下的是给苦逼后台干的事!!
4:这时,我们就需要把ueditor中的php那个文件夹挪到apache服务器的根目录下
![](https://i-blog.csdnimg.cn/blog_migrate/f7acd841809d97ada4225c0cea715b56.png)
此时我的php文件夹的目录是
apache根目录\utf8-php\php
5:修改ueditor.config.js. 127.0.0.1:8090是apache的根访问路径
![](https://i-blog.csdnimg.cn/blog_migrate/721528d1246ebb02bd2e66b3076ade84.png)
6:修改刚刚apache根目录那里php/controller.php
![](https://i-blog.csdnimg.cn/blog_migrate/f924aa214285cde2d035e0c5d88fd921.png)
打开前面的那两行跨域请求,
然后选择图片上传,你会发现,
你的Apache根目录下多了个ueditor文件夹,最里面就保存着你刚刚上传的图片
![](https://i-blog.csdnimg.cn/blog_migrate/96286652a078c3cfa8091ea1eb685660.png)
上传是上传了,也能保存到后台了,但是日了狗,你会发现在界面中显示不出来
![](https://i-blog.csdnimg.cn/blog_migrate/9b7d09717bb083ca09c372fb053be814.png)
然后打开newwork一看,后台返回的数据中url那里的路径缺了本地apache的域名,根本就无法访问到
![](https://i-blog.csdnimg.cn/blog_migrate/efb1b8611065255c94f4838e7337cc39.png)
7(方法1):大家耐心点,这是最后一步了。
打开apache根目录那里的php下的upload.class.php,一直往下,往下,往下,往下,往下,往下,往下,往下,往下,你会看到这么一段玩意,这里就是刚刚在newwork中返回的数据,在url那里加上你apache的域名,就大功告成
![](https://i-blog.csdnimg.cn/blog_migrate/5a5319196e25fedcb6a685d1eec0eee2.png)
7(方法2,推荐) 修改
apache根目录那里的php下
config.json,红色框那里也是你apache的域名
![](https://i-blog.csdnimg.cn/blog_migrate/bbfcd77ef08f5421b07634fc3545b1e5.png)
最后再次上传,你就发现,特么的终于可以了!!!!!!!!!
如果还不明白请留言,看到我会回复的!!!