HTML绝对路径问题

在使用HTML时遇到一个问题,即谷歌浏览器无法通过绝对路径加载本地图片,但相对路径可以正常工作。原因在于Webstorm创建了一个虚拟服务器,导致通过localhost访问的网页无法显示绝对路径的图片。然而,通过file:///协议直接打开HTML文件,图片则能正确显示。这表明路径解析在本地文件系统和Web服务器环境下有所不同。
摘要由CSDN通过智能技术生成

绝对路径:是指目录下的绝对位置,zhi'直接到达的目标位置,通常是从盘符开始的路径。

我在使用这个绝对路径时,发现谷歌浏览器或其他的浏览器都不能加载图片(图片在路径中是真实存在的),

在使用相对路径时,图片可以正常的加载出来,

但是,这个绝对路径可以通过打开html文件时,图片可以正常加载,像这样点击打开

从网上找了一下,给出了,这个答案:

在webstorm中,它帮你虚拟了一个服务器(可以认为在此虚拟服务器外的文件相当于在另一个电脑里),

因此你点击webstorm右上角的浏览器图标打开网页时,网页路径是localhost:****而你的图片也显示不出来;

你可以摁住Shift再点击右上浏览器图标使用本地打开的方式,此时打开的网页路径是file:///****,这时候你的图片应该就能显示出来了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值