Vue项目整合ueditor。解决图片上传及跨域问题

1:下载ueditor下来,放在vue项目中的static文件夹下



2:创建ueditor编辑界面

3:椰~~~~~此时已经可以使用了





但是你会发现



(黑人脸)what the fuck??????????看下面
    


如果你只是搞前端界面,那就到此结束不用往下看了,剩下的是给苦逼后台干的事!!














4:这时,我们就需要把ueditor中的php那个文件夹挪到apache服务器的根目录下




此时我的php文件夹的目录是
apache根目录\utf8-php\php


5:修改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的域名


最后再次上传,你就发现,特么的终于可以了!!!!!!!!!

如果还不明白请留言,看到我会回复的!!!


  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 15
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值