当我浏览我的站点(在本地主机上)时,图像在某个点被破坏
Images become broken at a certain point as I navigate through my site (on localhost)
我正在为代码学校做一个项目,我的网站上的图片有问题。当我在索引和初始页面(托管在本地服务器上)时,排行榜、主页徽标和浏览器选项卡图标都运行良好。然后,对于某些页面,所有这些图像突然失效。
图像是我的 layout.vtl
文件的一部分,所有其他 Velocity 模板都被解析到主布局文件中。由于它们在主布局文件中,我觉得它们应该可以在网站的每个页面上访问。
图像存储在 src/main/resources/public/img
.
一些澄清信息:
- 我注意到所有有好图片的页面都只有一个模板深度(例如,
localhost:4567/brands
和 localhost:4567/stores
)。失败的图像位于站点的更深处 (localhost:4567/stores/12
)。
- 图片损坏的页面需要id;上面的 url 是通过
<a href="/stores/$store.getId()">$store.getCompany()</a>
. 访问的
有什么想法吗?
这个问题的解决方案是添加一个 / 所以 link 看起来像
<img src='/img/leaderboard.png'>
。没有斜杠,URL 是相对的。因此,例如,如果您在 URL /store
,它会寻找 /store/img/leaderboard.png
而不是 /img/leaderboard.png
。
我正在为代码学校做一个项目,我的网站上的图片有问题。当我在索引和初始页面(托管在本地服务器上)时,排行榜、主页徽标和浏览器选项卡图标都运行良好。然后,对于某些页面,所有这些图像突然失效。
图像是我的 layout.vtl
文件的一部分,所有其他 Velocity 模板都被解析到主布局文件中。由于它们在主布局文件中,我觉得它们应该可以在网站的每个页面上访问。
图像存储在 src/main/resources/public/img
.
一些澄清信息:
- 我注意到所有有好图片的页面都只有一个模板深度(例如,
localhost:4567/brands
和localhost:4567/stores
)。失败的图像位于站点的更深处 (localhost:4567/stores/12
)。 - 图片损坏的页面需要id;上面的 url 是通过
<a href="/stores/$store.getId()">$store.getCompany()</a>
. 访问的
有什么想法吗?
这个问题的解决方案是添加一个 / 所以 link 看起来像
<img src='/img/leaderboard.png'>
。没有斜杠,URL 是相对的。因此,例如,如果您在 URL /store
,它会寻找 /store/img/leaderboard.png
而不是 /img/leaderboard.png
。