给网页添加Live2D和图片不显示解决方法

Posted 2021-02-20 itking9

给网页添加Live2D和图片不显示解决方法

!
小白教程之给网页添加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实现跨域】提醒，配好后，
重启两个容器。
访问。
嘿嘿，成功啦。