カスタム404ページcss？

Question

私は自分のhtmlページにthymeleafを使ってシンプルなサイトを作っていました。通常、私のCSSはこのような小さなものにリンクされています。

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

と私はth:hrefタグはCSSの正しいパスを見つけるために、通常のhrefを使用しているという印象の下にありました。

私のカスタム404は別のディレクトリにあり、そのCSSのリンクが少し違うので、ブラウザでテストすると動作しますが、サーバが実際に起動されたときは動作しません。

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

サーバーを起動したときに機能しないものがありますか？

Answer 1

あなたが使用している：

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

をth:hrefタグは結局、元のhref値を置き換えますいくつかの最終的な値を持つことになります。例えば

：/css/bootstrap.cssオリジナルのhrefの../static/css/bootstrap.css値を置き換えます：

はのはth:href="@{css/bootstrap.css}"は、の値があること

href=/css/bootstrap.css 

ようになってしまいますことを言ってみましょう。

ことが言われていると

、あなたのhrefは資源がそのようにマッピングされていません...だからそれはあるように見えるではないでしょうth:hrefタグ

Answer 2

私はスプリングコンテキストファイルを見て、リソースがフォルダにマップされているかどうかを確認することをお勧めします。

<mvc:resources mapping="/resources/**" location="<path to resources>" />