eclipsを利用したログイン画面でログイン後css、画像が適用されない

Question

学校のでホームページの作成をしています。
そのホームページではログイン機能を付けようと考ええています。
そこでJavaを利用してログイン画面を作りました。
しかし、ログイン成功後のhtmlページに飛ぶと、指定された画面は表示されるのですがCSSや画像が適応されません。
また、URLも変わりません。
直接ログイン成功後の画面を表示すると、sccやg画像は正しく表示されます。
なぜでしょうか。

よろしく願いいたします。

Answer 1

ログイン成功後に表示しているHTMLのパスと、ブラウザに表示されているURLの関係が違ってしまったからでしょう。

例えばindex.htmlから参照する画像のパスが ./image/top.jpg として表示できている、とします。
対してログインは /login/loginServlet など、パス階層が異なることがあります。
こうなると、ログイン画面から ./image/top.jpgを指定すると、/login/image/top.jpg となってしまい、画像が表示されません。

そのため、画像やJavaScript、スタイルシートなどを参照する場合は、相対パスではなく、コンテキストパスを使ったURLを使います。

コンテキストパスの設定方法については、ネットを調べるとわかるでしょう。

Answer 2

ブラウザの機能で対象ファイルがロードされているか、パスがあっているか調べます。
chromeならデベロッパーツール > Networkタグなど。
ファイル名をマウスオーバすると、フルパスを見ることができます。