给网页添加小美眉助手之Live2D和图片不显示解决方法

关键字:桌面萌宠、网页美眉助手、live2d

!
C++Qt实现Live2D桌面萌宠
https://www.bilibili.com/video/BV1q7411C79N
!

小白教程之给网页添加Live2D

https://www.jianshu.com/p/1cedcf183633
window10下搭建php的运行环境
https://www.cnblogs.com/xingxia/articles/wamp.html
!
php apache 使用cors实现跨域
https://blog.csdn.net/happylifeng/article/details/84796075
https://www.cnblogs.com/wangluochong/p/6001651.html
!
前端项目【live2d/Live2D】 https://gitee.com/SnowingLin/live2d_desktop.git
后端项目(php项目)【live2d_api-master.zip】 https://pan.baidu.com/s/1SPUMYTDlLQ7HOOmXdGEd2g
!!!
1.直接浏览器打开live2d/Live2D/demo.html,图片没出来。
我将live2d/Live2D拷贝到tomcat目录下后,启动tomcat访问,图片没出来。
网上搜索后才知道图片请求的是其它网站的服务器。
经【小白教程之给网页添加Live2D】的提醒,下了这个对应的后端项目【live2d_api-master.zip】
2.经过一番折腾,部署好php运行环境。
将 Live2D/assets/waifu-tips.js里对应的外服路径替换成本地服务路径【api_url】,
将【live2d/Live2D】放入tomcat(端口:8080),
将【live2d_api-master.zip】放入apache(端口:80),
访问 http://localhost:8080/Live2D/demo.html,结果。。。图片依然没出来--跨域了。
3.首先我想从tomcat下手,结果。。。没任何效果,依然跨域中。
4.想想,也许得从服务端项目所在的容器入手,于是又对apache下手。
网上搜索一番,经【php apache 使用cors实现跨域】提醒,配好后,
重启两个容器。
访问。
嘿嘿,成功啦。

posted @ 2020-05-04 23:15  羽翼未丰之冲天槊  阅读(799)  评论(0编辑  收藏  举报