【问题标题】:Thymeleaf static images not being found未找到 Thymeleaf 静态图像
【发布时间】:2019-08-31 05:11:24
【问题描述】:

我刚刚向我正在开发的应用程序添加了一个引导模板,并且一直在制作它,Thymeleaf 彼此喜欢。

当我转到不同的页面时,我无法提供图像 - 我已经尝试使用 th:src="@{/img/name.png}" 符号和服务器 th:src="@{~/img/name.png}" 进行上下文相关,我在文档中通读过。

当运行应用程序时,通过 :http://localhost:8080/ 访问应用程序,可以说没有“应用程序名称”,这可能是问题,因为我阅读的一些示例看起来应该是 http://localhost:8080/myApp/myPage.html

在此页面上:http://localhost:8080/home 或显示图像的任何其他根级别页面。

在其中一个页面上,我将用户重定向到@RequestMapping("/{userid}/users"),它解析为http://localhost:8080/1/games - 在此页面上我遇到了错误。

[Error] Failed to load resource: the server responded with a status of 404 () 

图片为:http://localhost:8080/1/img/icons/double-arrow.png 其中 '1' 是传入控制器的 userId。

我的 css / img 文件位于 resources/static/cssresources/static/img。我已经检查并确认它们存在。

我在页眉和页脚使用片段,css 和 js 文件没有问题。

任何关于如何解决的建议都会很棒,谢谢!

经过编辑以增加清晰度:

这是html页面的一部分,

 <a href="games.html" th:href="@{/{userid}/users}"/></a>

控制器:

@RequestMapping("/{userid}/users")
    public String userGames(@PathVariable final Long userid, Model model){

...get, other methods, etc
        return "users";

上面url中可以看到的'1'是issue传入的userid。

【问题讨论】:

  • 您的图片网址包含“src”但您的静态图片路径不包含?
  • 只是为了验证您是否添加了SecurityConfiguration
  • @soorapadman - 没有安全配置,没有。

标签: java css spring thymeleaf


【解决方案1】:

我的猜测是您的图片网址是错误的。不应该是th:src="@{/img/name.png}",因为你说你把它放在文件夹resources/static/img中?

【讨论】:

  • 抱歉,这是我的错字。文件在 resources/static/img 中,所有对它们的引用都是 th:src="@{/img/img.png}"
  • 你能澄清{/Users/UserId}的意思吗?也许你的意思是/users/{userid}?我想知道,因为您的网址 http://localhost:8080/1/img/icons/double-arrow.png 中没有 users 部分。此外,网址http://localhost:8080/1/img/icons/double-arrow.png 会在resources/static/1/img/icons/ 中查找,我敢打赌这不是您想要的。我认为你应该删除 1.
  • 我已经编辑了这个问题。 '1' 是从 html 链接传入的用户 ID
  • 好的,但我的观点仍然是你为什么要将用户 ID 放在图像的 url 中?图像不是特定于用户的,是吗?如果您将图片放在静态内容文件夹中,则图片的链接不能是动态的。
  • 我认为这里有些混乱。我“没有”把它放在图像的 url 中,在 html 中,在那个页面上,它是 /img/img.png - 正在传入“1”。图片“应该”从根目录中获取正如预期的那样。并且 1 可以很容易地成为任何其他嵌套页面。 products/product1/produtdetails 或类似的东西。
猜你喜欢
  • 1970-01-01
  • 2016-11-28
  • 2016-06-18
  • 2015-11-13
  • 1970-01-01
  • 1970-01-01
  • 2019-05-20
  • 1970-01-01
  • 2017-02-24
相关资源
最近更新 更多