問題の説明
ブラウザがパスを入力してEnterキーを押すと、ページは表示されますが、CSSの美化結果は正常に表示されません。
F12を押してブラウザ側でデバッグすると、コンソールが黄色の警告を報告していることがわかりました。リソースはスタイルシートとして解釈されましたが、MIMEタイプtext / htmlで転送され、赤いエラー:Uncaught ReferenceError:$ is notdefined。
- 黄色の警告は次のことを意味します。CSSファイルの要求がありましたが、HTMLファイルに変換されました。
- 赤いエラーは次のことを意味します:Jqueryが正常にロードされていません(EL、JSTLなどの他のパッケージ関数がJSPで使用されていません)。
問題の原因
インターネットで検索すると、次の2つの理由が見つかりました。
- 設定により:response.setContentType( "text / html; charset = utf-8");
- グローバルフィルターの設定による(フィルターは/ *に設定されています);
解決
-
理由1が原因で、リクエストがCSSであると判断され、response.setContentType( "text / css; charset = utf-8"); '' 'が設定されます。
- 理由2:フィルターはCSSファイル要求フィルターを設定します。
<filter-mapping>
<filter-name>FilterCss</filter-name>
<url-pattern>*.css</url-pattern>
</filter-mapping>
効果はトライアル後にわかります。