質問: ### 前提・実現したいこと JspでCssを読み込み、ローカルで動作確認を行おうとしているのですが、 うまく読み込まれません。 過去質問にて、同様の質問もあって試したのですが、 問題点が分かりません。 知りたいことは、 ・どういう状態なのか。原因はどちらなのか。(CSSがJSPで読み込まれていないのか、CSSが適用できないのか) ・原因として何が考えられるか。 --- 事象としては以下です。 ・Jspページ(HTML)をChromeにて「ページのソースを表示」から、CSSリンクが表示されている。 例: ・表示されているCSSリンクをクリックしたら、CSSが適用されていない状態のCSSURLが表示されている。 例:http://localhost:8080/HelloSpringMVC/css/top.css ・ただ、上記リンクを押下してもCSSが適用されていないHTMLファイルが表示される。 ・読み込んでいるJspファイルもHTMLファイルが表示されるだけ。 ### 発生している問題・エラーメッセージ Chromeの開発者ツールのconsoleには、エラーはありません。 CSSリンクを押下したときは、NotFoundにはなりませんでした。 ### 該当のソースコード ーJSPー(一部抜粋) ~ Insert title here 名簿登録ツール ~ ー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
回答: すみません、回答に対するコメントで画像貼れなかったのでこちらで失礼します>< ちなみにデベロッパツールでみたとき、こんな感じになっているってことで合っていますか? !aaa 私の場合、 Daichoがプロジェクト名 resource/cssがcss置き場 totalがjsp置き場 です。