java - 当我浏览我的站点(在本地主机上)时，图像在某个点被破坏

Question

我正在为代码学校做一个项目，但我的网站上的图片有问题。当我在索引和初始页面(托管在本地服务器上)时，排行榜、主页 Logo 和浏览器选项卡图标都运行良好。然后，对于某些页面，所有这些图像突然失效。

图像是我的 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> 访问的。

有什么想法吗？

Answer 1

这个问题的解决方案是添加一个/所以链接看起来像 <img src='/img/leaderboard.png'> .没有斜杠，URL 是相对的。因此，例如，如果您位于 URL /store , 它会寻找 /store/img/leaderboard.png而不是 /img/leaderboard.png .