thtmeleaf開発及び404 springboot静的リソース参照を使用する場合、静的リソースを以下にまとめます:
index.htmlをファイル:
<!DOCTYPE HTML > < HTML のxmlns:目= "http://www.thymeleaf.org" > < 頭> < メタのcharset = "UFT-8" /> < タイトル>春ブートアプリケーション</ タイトル> < リンクのhref =」 CSS / style.cssに」REL = "スタイルシート" > <! - <番目のリンク:のhref = "@ {CSS / style.cssに}"のrel = "スタイルシート"> - > </ ヘッド> < 身体> <</ H4 > < P 番目:テキスト= "$ {こんにちは}" >こんにちは</ P > < P 番目:テキスト= "$ {HI}" > HI </ P > < 入力タイプ= "テキスト" /> < / ボディ> </ HTML >
style.cssファイル
H4 { 色:赤。 } 、P { 色:青。 }
テストアクセスURL
@Controller @RequestMapping(値 = "thymeleaf" ) パブリック クラスIndexController { @RequestMapping(値 = "インデックス" ) パブリック文字列インデックス(モデルモデル、ModelMap modelMap){ model.addAttribute( "こんにちは"、 "thymeleaf" )。 modelMap.addAttribute( "こんにちは"、 "thymeleaf" ); リターン「インデックス」。 } @RequestMapping(値 = "こんにちは" ) パブリック文字列ハロー(ModelMap modelMap){ modelMap.put( "丙"、 "thymeleaf" ); 返す「こんにちは」; } }
アプリケーション構成ファイル
#thymeleaf
spring.thymeleaf.cache = falseを
spring.thymeleaf.prefix =クラスパス:/テンプレート/
spring.thymeleaf.checkのテンプレート場所=真
spring.thymeleaf.suffix = .htmlを
spring.thymeleaf.encoding = UTF-8
のスプリング。 thymeleaf.servlet.content型= text / htmlの
spring.thymeleaf.mode = HTML
プロジェクトを開始するために訪問した後http://127.0.0.1:8080/thymeleaf/indexを、文体は、コンソールを開き、プロジェクトを導入していない静的リソースへのアクセスにバックグラウンドURLリクエストのURL、最終的な考えを削除するには、文字を追加しました文字列は、(それが/ thymeleaf /インデックスがある場合/ハローhttp://127.0.0.1:8080/thymeleaf/index/css/style.cssになる)、これは明らかに静的リソースアクセス位置404も正常でありません。
そしてhttp://127.0.0.1:8080/css/style.cssへの直接アクセスはokです。
問題は英語のインポート静的リソースファイルのパスが間違っを書くことということで、導入のindex.htmlに記述する必要があります
< リンクのhref = "/ CSS / style.cssに" REL = "スタイルシート" > <! - <番目のリンク:のhref = "@ {/ CSS / style.cssに}"のrel = "スタイルシート"> - >
プラス「/」絶対パスを示します