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

Images become broken at a certain point as I navigate through my site (on localhost)

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

图像是我的 layout.vtl 文件的一部分,所有其他 Velocity 模板都被解析到主布局文件中。由于它们在主布局文件中,我觉得它们应该可以在网站的每个页面上访问。

图像存储在 src/main/resources/public/img .

一些澄清信息:

有什么想法吗?

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