Spring bootプロジェクトでCSSが読み込まれない

実現したいこと

Spring bootで簡単なプロジェクトを作成中、CSSを適用したい。

発生している問題・分からないこと

上記の通り、CSSの適用方法を教えていただきたいです。
Thymeleafを使用している場合は、下記のように記載するというところまでは調べたのですが、その通り実装しても一向に適用させることができていない状況です。

CSSはresources 配下にcssフォルダを作成し格納しています。

ブラウザのDevtoolでは下記エラーが出ています。

Refused to apply style (略) because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

また、ネットワークからリクエストヘッダを確認したところ、302 found となっていました。

該当のソースコード

login.html
1<!DOCTYPE html>
2<html lang="ja">
3<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org">
4    <head>
5		<meta charset="utf-8">
6        <title>ログイン画面</title>
7		<link th:href="@{/css/style.css}" rel="stylesheet" type="text/css" />
8    </head>
9    <body>
10		<h2>ログイン</h2>
11        <form th:action="@{/selecgt}" method="post">
12            <div><label> ユーザID : <input type="text" name="username"/> </label></div>
13            <div><label> パスワード: <input type="password" name="password"/> </label></div>
14            <div><input type="submit" value="ログイン"/></div>
15        </form>
16		
17		<p class="error-msg" th:if="${param.error}">
18			ユーザID または パスワードに 誤りがあります。
19		</p>
20    </body>
21</html>

style.css
1body {
2	font-family: BIZ UDPゴシック;
3	background-color: #98fb98;
4	text-align: center;
5}
6
7h1 {
8	font-size: 32px;
9    color: green
10}
11
12h2 {
13	font-size: 28px;
14    background-color: green;
15    color: white
16}
17
18hr {
19	border: 0;
20	border-top: 1px solid #8fbc8f;
21}
22
23.error-msg {
24    color: red;
25}
26
27table {
28	border: 1px solid #5e696c;
29	margin-left: auto;
30	margin-right: auto;
31	width: 80%; 					/* テーブル横幅 */
32	border-collapse:  collapse; 	/* 境界線を共有 */
33}
34
35th {
36	border: 1px solid #5e696c;
37    text-align:center;
38    background-color: #3cb371;
39    height: 32px;
40}
41
42td {
43	border: 1px solid #5e696c;
44	text-align: center;
45	height: 24px;
46}
47
48.select-list {
49    background-color: #eee8aa;
50}
51

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

・CSSは/resources/css に格納すること
・CSSは「th:href="@{/css/style.css}"」のように読み込むこと

補足

特になし

YT0014

2024/05/20 10:42

google にて「spring boot mime css」の検索結果より https://qiita.com/yukiyoshimura/items/14773153cd8b0d7881fa

OZ99

2024/05/20 11:22

/resources もセキュリティの監視下だったんですね、、！ WebSecurityConfig.java　CSSは権限管理から無視するよう追記したところ解決しました。ありがとうございました！

TN8001

2024/05/20 13:45 編集

コメントで解決してしまったら自身で回答してベストアンサーし「解決済」にしてください。その際はリンクのみの提示でなく、具体的な手順を書いてください（リンク先が消えてしまってもいいように） [ヘルプ｜teratail【テラテイル】](https://teratail.com/help#resolve-myself) > 自分で投稿した質問にも回答する事が可能です。質問文の内容を編集したりせず、回答を付けベストアンサーをクリックし解決済みにしてください。 > また後から読む人のためにも、具体的な解決手順を記載してください。

OZ99

2024/05/20 13:48

TN8001様一度自身で回答してクローズしたのですが、私にポイントがついてしまったので取り下げていました。。そちらで問題ないのですね、対応します。わざわざご指摘ありがとうございました。mm

TN8001

2024/05/20 14:02

コメント者に回答に転記してもらうよう頼む丁寧な方も見受けられますが、回答でなくコメントで済ませているということは、 * それが原因か検証していない * それが原因か確信が持てない * 回答書くのが面倒ｗあたりかなと思います（個人的見解^^; ならば検証済みの本人が書いたほうが早いと（個人的には）思っています。マナー的には意向を聞いたほうが丁寧かもしれませんが...

YT0014

2024/05/20 14:08 編集

解決したようで何よりです。また、自己解決処理も、ご苦労様でした。コメントのみで回答にしなかった理由・検索した結果、類似ケースを見ただけ・Versionに依存する関係があるば、質問者の環境が不明・未検証です

OZ99

2024/05/20 14:09

TN8001様追記ありがとうございます！初めて質問したためあまり雰囲気わかっていませんでした。参考にします。 YT0014様すみません、、！コメントいただき解決できました、ありがとうございました！

TN8001

2024/05/20 14:19

@YT0014さん出しゃばってしまってすいません。アクティブタブが復活したせいでタイトルが目についてしまい、このままになってしまうかなと急いでコメントしてしまいました（質問者は解決後は普通見なくなってしまうので） @OZ99さんいえいえ変に気を使わせてしまってすいません。

OZ99

2024/05/20 14:42

いえ、お二人ともありがとうございました。私もさくっと回答できるよう、今後も勉強を重ねていこうと思います。重ね重ね、ありがとうございました！

行動規範の内容に同意します

回答1件

自己解決

YT0014様のコメントにて解決済み

google にて「spring boot mime css」の検索結果より
https://qiita.com/yukiyoshimura/items/14773153cd8b0d7881fa

WebSecurityConfigに保護しないパスとしてcss フォルダを記載したところ解決。

java
1@Configuration
2@EnableWebSecurity
3public class WebSecurityConfig {
4
5	
6	//保護するURLパスと保護しないURLパスを定義する
7	@Bean
8	public SecurityFilterChain secruSecurityFilterChain(HttpSecurity http) throws Exception {
9		http
10		.authorizeHttpRequests((requests) -> requests
11			.requestMatchers("/", "/home", "/css/**").permitAll()
12			.anyRequest().authenticated()
13		)
14		.formLogin((form) -> form
15			.loginPage("/login")
16			.permitAll()
17		)
18		.logout((logout) -> logout.permitAll());
19
20	return http.build();
21　　　（略）
22	}