CSS 未在 Spring Boot 应用程序中加载

I.S*_*nev 2 html css java spring-mvc spring-boot

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

我的结构:

我的结构

但是,如果我单击 Firefox 按钮,它会加载:

在此处输入图片说明

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

在此处输入图片说明

(尝试了各种组合)

当我检查开发人员工具时,它说 404 for GET 请求(style.css 和图片)

小智 7

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>
Run Code Online (Sandbox Code Playgroud)

注意注释 th:href="@{/css/style.css}"

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

图像的工作方式相同:

<img th:src="@{/img/stanev2.png}" />
Run Code Online (Sandbox Code Playgroud)