Loading... 今天使用vscode要写几个html,因为有自己的图床,所以将图片都上传到了图床中,而图床开启了防盗链功能。当通过 插件live server查看html效果时,图片不显示。而防盗链白名单中只能添加域名,不能添加ip。经过折腾,找到了解决办法。 ### 修改live server的host live server的host默认是127.0.0.1 ,因为我不想使用,所以修改了下,只需在 live server的host中,改为任意字符(不要是ip),live server就会使用本机的内网ip。live server会自动分配端口,同样会导致图片无法显示,因此,需要在live server的设置中,将端口改为80端口就可以了。 ![](https://img.kindriel.com/course/imgsliveport.png) ![](https://img.kindriel.com/course/imgsliveportset.png) ### 修改系统 hosts 打开系统的hosts文件(位置:C:\Windows\System32\drivers\etc),在其中增加10.13.134.234 dd.thisblog.com(ip地址请根据你自己的修改,域名中的dd可以随意,但thisblog.com一定是你图床白名单中的域名),保存hosts文件。 ### 在live server打开页面 通过 open with live server 打开页面,然后在浏览器的地址栏中,把ip 址地10.13.134.234改为dd.thisblog.com就可以正常显示图片了。 最后修改:2023 年 09 月 21 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 如果觉得我的文章对你有用,请随意赞赏