CSS未在spring boot应用程序中加载

Posted

技术标签:

【中文标题】CSS未在spring boot应用程序中加载【英文标题】:CSS not loading in spring boot application 【发布时间】:2019-05-16 15:42:21 【问题描述】:

我一直在搜索一整天,将 style.css 移动到任何地方,但仍然无法加载它。图像也不会加载。

我的结构:

但是如果我点击 firefox 按钮,它会加载:

这就是style.css在索引头部的导入方式:

(尝试了各种组合)

当我检查开发者工具时,它显示 404 请求请求(style.css 和图片)

【问题讨论】:

你在用百里香吗? 【参考方案1】:

Spring Boot 知道静态目录在哪里,因此您无需使用 ../ 技术来获取其中的文件。另一部分是您应该使用注释来到达那里。这可能取决于您使用的视图模板,但对于 thymeleaf,这是您可以实现拉入 css 文件的方式:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Your Title</title>
    <link rel="stylesheet" th:href="@/css/style.css" />
</head>

注意th:href="@/css/style.css"中的注解

确保在示例中包含视图模板的命名空间th

图像的工作方式相同:

<img th:src="@/img/stanev2.png" />

【讨论】:

我想说一个非常感谢你,因为我在这上面花了几个小时。我是 thymeleaf 语法​​的新手,你写的很有意义。再次感谢!

以上是关于CSS未在spring boot应用程序中加载的主要内容,如果未能解决你的问题,请参考以下文章

从 jar 运行时 CSS 未在 Spring Boot 中加载

bootstrap.yml 未在 Spring Boot 2 中加载

JSP文件未在浏览器中加载,但文件名在spring Boot Application的浏览器中显示为字符串

CSS 未在 WKWebView 中加载

CSS静态文件未在Django中加载

CSS、图像、JS 未在 IIS 中加载