webアプリにおいて予約の編集ページにcssが適用されない。

Spring Bootでwebアプリを開発しています。
題名の通りですが、予約の編集ページにcssが適用されません。
自分で調べた限りだとcssはログインしなくても適用されるためにWebSecurityConfig.javaに以下のように記述するとあったのでそれを真似してみました。

@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
    
    @Override
    public void configure(WebSecurity web) {
        web.ignoring().antMatchers("/css/**", "/html/**");
    }
    
}

しかしこれでもまだcssが適用されません。
idやらnameやらはほかのhtmlからコピペしてきてるのでそこにミスはないと思います。
ほかに考えられる原因はどのようなものがあるでしょうか。

提供している情報で足りない部分もあるかもしれませんがご教授いただけたら幸いです。
よろしくお願いします。

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

回答2件

ベストアンサー

CSSのパスは正しいですか？
例えば、相対パス（css/style.css）だと、http://localhost:8080/sub/から読み込むと、読み込むファイルが```http://localhost:8080/sub/css/style.css```になります。
絶対パスにしたい場合は、先頭に"/"を入力ください。

html
1<link rel="stylesheet" href="/css/style.css">
2
3<!-- Thymeleafの場合 -->
4<link rel="stylesheet" th:href="@{/css/style.css}">

投稿2021/08/17 10:32

編集2021/08/17 11:12

IT001

総合スコア659

D08282831

2021/08/17 15:16

ご回答ありがとうございます。相対パスや絶対パスについてのお話をいただいたので改めてパスがどのようになっているか自分なりに調べてみました。ほかのhtmlファイルだと <link rel="stylesheet" type="text/css" href="../css/style.css"> となっていたところを <link rel="stylesheet" type="text/css" href="../../css/style.css"> と変更したらcssが適用されました！恐らく適用させることができなかったhtmlのパスの末尾に/{id}がくっついていたためその分他のhtmlより深い階層にいたためと思われます。本当に助かりました！ありがとうございました！