Thymeleaf + CSS+SpringBoot

Question

我的 CSS 和 Thymeleaf 有問題。

在我的 Spring Boot 應用程序中，我有這樣的結構：

• src/main/resource/static/css（用於 css 文件）
• src/main/resource/static/templates（用於 html 文件）

現在，使用名為 ErrorPage 的 html 頁面和名為 Layout.css 的 css 文件，在 ErrorPage 的頭部使用 Thymeleaf：

<link href="../css/Layout.css" th:href="@{css/Layout.css}" type="text/css" />

但這不起作用。

我究竟做錯了什么？

Answer 1

將您的template文件夾移動到resources下：

• src/main/resource/static/css （用於 CSS 文件）；
• src/main/resource/templates （用於 HTML 模板）。

然后按如下方式更正link標簽：

<link href="../static/css/Layout.css" th:href="@{/css/Layout.css}" rel="stylesheet" />

Answer 2

將您的模板文件夾移動到資源下：

src/main/resources/static/css (for CSS files);
src/main/resources/templates (for HTML templates).

然后按如下方式更正鏈接標簽（相對或絕對）：

<link href="../css/firstcss.css" rel="stylesheet">
<link href="/css/secondcss.css" rel="stylesheet">

前面帶有靜態的舊解決方案對我不起作用。

Answer 3

此行為的主要罪魁禍首是自定義安全配置，您很可能在 WebSecurityConfigurerAdapter 子類中執行該配置。 如果您使用 SpringBoot 2+ 版本，則應在 WebSecurityConfigurerAdapter 配置中添加以下行

.requestMatchers(PathRequest.toStaticResources().atCommonLocations()).permitAll()

Answer 4

我有同樣的問題，我的css沒有負載找到！

我將我的CSS移動到文件夾資源/ static / css但它不起作用...

然后檢查我的控制器，我修改了以下內容：

@RequestMapping(value="/{reader}", method=RequestMethod.GET)
// @RequestMapping(value = "/{reader}", method = RequestMethod.GET)

我剛退休方法和值空間......

問候。