前提・実現したいこと
JspでCssを読み込み、ローカルで動作確認を行おうとしているのですが、
うまく読み込まれません。
過去質問にて、同様の質問もあって試したのですが、
問題点が分かりません。
知りたいことは、
・どういう状態なのか。原因はどちらなのか。(CSSがJSPで読み込まれていないのか、CSSが適用できないのか)
・原因として何が考えられるか。
事象としては以下です。
・Jspページ(HTML)をChromeにて「ページのソースを表示」から、CSSリンクが表示されている。
例:<link rel="stylesheet" type="text/css" href="/HelloSpringMVC/css/top.css">
・表示されているCSSリンクをクリックしたら、CSSが適用されていない状態のCSSURLが表示されている。
例:http://localhost:8080/HelloSpringMVC/css/top.css
・ただ、上記リンクを押下してもCSSが適用されていないHTMLファイルが表示される。
・読み込んでいるJspファイルもHTMLファイルが表示されるだけ。
発生している問題・エラーメッセージ
Chromeの開発者ツールのconsoleには、エラーはありません。
CSSリンクを押下したときは、NotFoundにはなりませんでした。
該当のソースコード
ーJSPー(一部抜粋)
~
ーCSS-(全文)
body {
background: #d3d3d3;
font-family: Meiryo; }
body p {
font-family: Meiryo;
font-size: 20px; }
ー階層ー
src
└main
└webapp
└WEB-INF
└css
└top.css
└view
└echo
└top.jsp
試したこと
・そもそもCSSファイルが正しい記述かどうか検証するため、
今回使用したCSSファイルを別のHTMLファイルで外部ファイル読み込みしてみましたが、適用はされました。
・別記事にて、WEB-INF直下のファイルは参照されないと書いてあったので、
「main」直下「webapp」直下にcssフォルダを配置しましたが、参照されないままでした。
<追記>
chrome:開発者ツールのNetworkを確認したところ、呼び出したいCssファイル(top.css)は呼び出されているようでした。
気になる点としては、以下のような警告文が出ていました。
「Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/HelloSpringMVC/css/top.css".」
補足情報(FW/ツールのバージョンなど)
・SassをVscodeにてcssにコンパイルしたものを表示させようとしています。
・検証環境:Chrome(68.0.3440.106)
・統合開発環境:Spring Tool Suite(STS)
・開発言語:Java