jspファイルにcssを反映できない。

ヘディングのテキスト### 前提・実現したいこと

jspファイルにcssを反映できません。　
tangoChou.cssをlogin.jspに反映させたいです。
よろしく願いします。

jsp
1<%@ page language="java" contentType="text/html; charset=UTF-8"
2    pageEncoding="UTF-8"%>
3<%
4String errorMsg = (String) request.getAttribute("errorMsg");
5%>
6<!DOCTYPE html>
7<html>
8<head>
9<meta charset="UTF-8">
10<title>ログイン</title>
11<link rel="stylesheet" href="<%= request.getContextPath() %>/css/tangoChou.css" type="text/css">
12</head>
13<body>
14	<h2>ログインしてください</h2>
15	<form action="/tangoChou/Login" method="post">
16		メールアドレス<input type="email" name="email"><br>
17		パスワード<input type="password" name="pass"><br>
18		<input type="submit" value="ログイン">
19	</form>
20	<% if(errorMsg != null) { %>
21		<p><%= errorMsg %></p>
22	<% } %>
23	<p>アカウントをお持ちでないですか？<a href="/tangoChou/Signup">登録する</a></p>
24</body>
25</html>

tangoChou.css

css
1@charset "UTF-8";
2h2{
3	color: red;
4}

行動規範の内容に同意します

回答2件

自己解決

なぜかはわかりませんがサーブレットファイルのMain.javaの@WebServlet("/")の部分を@WebServlet("/Main")に変更するとcssが反映されました。
その後またWebServlet("/")に戻してもcssが反映されていたのでちょっと謎なんですけど、
ルートが何かしらの不具合を起こしていたのかもしれません、、、、、
エンジニアの方がサーブレットのパスをルートにするのはオススメしないと言っていたので、
しない方がいいのかもしれません。

投稿2021/08/20 04:53

編集2021/08/20 04:57

kdmn

総合スコア5

href="tangoChou/css/tangoChou.css"

これだと指定方法が相対パスになってます。
今のURLがhttp://example.com/tangoChou/login.jspだとしたら
http://example.com/tangoChou/tangoChou/css/tangoChou.cssを参照しに行っているはず（ブラウザの開発ツールから確認すれば分かります）

コンテキストパス使いましょう。（リンクの方も）

投稿2021/08/09 20:02

m.ts10806

総合スコア80875

kdmn

2021/08/11 16:38

コンテキストパスを使ってhref="<%=request.getContextPath() %>/css/tangoChou.css"に変更したのですができません。（；＿；）ご指摘いただけると幸いです。

m.ts10806

2021/08/11 23:26

「できません」とは。何が起きてるんでしょう。コードも全体提示されないと何とも言えません。サーブレット、CSSの質問は多くありますのでそちらもご参考に。 https://teratail.com/search?q=tag%3AServlet%2CCSS

kdmn

2021/08/12 08:20

ご指摘ありがとうございます。「できません」というのはcssが反映できないということです。エラーも何も起きていなくて、ただcssに書いているjspファイルのh2に対するカラー変更の装飾ができないという状況です。 jspファイルのコードも全体提示に変更してみました。勉強不足でわかりにくく申し訳ないです。m(_ _)m

行動規範の内容に同意します

あなたの回答