SpringBoot 画面遷移できない

SpringBoot + thymeleafで作ったプロジェクトのwarをサーバに配備したところ、
ログイン画面以降の画面遷移が出来なくなってしまいました(開発環境(eclipse)では可能でした)。

ログイン画面へは

でアクセスできるのですが、ログイン画面のボタンを押下を押下すると

となってしまい、アクセスできません。
手入力で「「http://IPアドレス:8080/warファイル名/次の画面」とすればアクセスできます。
ソースは以下のようになっております。
おわかりになられる方がいましたら、ご教授のほどよろしくお願い致します。

▼最初に表示されるログイン画面▼

lang
1<!DOCTYPE html>
2<html lang="ja" xmlns:th="http://www.thymeleaf.org">
3<head>
4	<meta charset="utf-8" />
5	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6	<meta name="viewport" content="width=device-width, initial-scale=1" />
7
8	<title>ログイン</title>
9
10	<!-- Bootstrap core CSS -->
11	<link href="/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
12	<!-- loginページ用css -->
13	<link href="/css/login.css"         th:href="@{/css/login.css}" rel="stylesheet"/>
14
15	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
16	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
17	<!--[if lt IE 9]>
18		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
19		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
20	<![endif]-->
21</head>
22<body>
23
24 <header id="top" class="header">
25	<div class="text-vertical-center">
26
27		<h1>ログイン画面</h1>
28
29		<!-- Form -->
30		<form action="/top" method="post" class="form-signin" role="form">
31			<h2 class="form-signin-heading">Please sign in</h2>
32			<input type="email" class="form-control" placeholder="ID" required="required" />
33			<input type="password" class="form-control" placeholder="パスワード" required="required" />
34			<div class="checkbox">
35				<label>
36					<input type="checkbox" value="remember-me" /> Remember me
37				</label>
38			</div>
39			<!-- ログインボタン -->
40			<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
41		</form>
42	</div>
43</header>
44</body>
45</html>

▼ログイン画面用コントローラ▼

lang
1@Controller
2public class LoginController {
3    // ログイン画面へ
4    @RequestMapping( "/")
5    public String index() {
6        return "login";
7    }
8
9    // トップ画面へ
10    @RequestMapping( "/top")
11	public String login() {
12    	return "top";
13    }
14}

▼トップ画面▼

lang
1<!DOCTYPE html>
2<html lang="ja" xmlns:th="http://www.thymeleaf.org">
3<head>
4	<meta charset="utf-8" />
5	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6	<meta name="viewport" content="width=device-width, initial-scale=1" />
7
8	<title>トップページ</title>
9
10	<!-- Bootstrap core CSS -->
11	<link href="/css/bootstrap.min.css" rel="stylesheet" />
12	<!-- topページ用css -->
13	<link href="/css/top.css"         rel="stylesheet"/>
14
15	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
16	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
17	<!--[if lt IE 9]>
18		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
19		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
20	<![endif]-->
21</head>
22<body>
23	<!-- Form -->
24	<form action="/reference" method="post" role="form">
25	<!--  <form class="manu-form" action="/reference" method="post" role="form">-->
26		<!-- 次画面遷移ボタン -->
27		<button class="btn btn-default menu-btn button hvr-outline-in" type="submit">
28			ボタン１
29		</button>
30	</form>
31	
32	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
33	<script src="js/bootstrap.min.js"></script>
34</body>
35</html>

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

回答2件

<form action="/top" method="post" class="form-signin" role="form">

にて、action属性をthymeleafが解析したときの値も記載しましょう。

<form action="/top" th:action="@{/top}" ..... >

こうすることでthymeleafは自動的にコンテキストパスも追加したURLになります。

投稿2016/06/29 06:11

A-pZ

総合スコア12011

数か月前の質問なのですでに解決されてるかもしれませんが
同じ問題で悩んでる人がいるかもしれないので回答しますね。

ログイン画面のボタン押下で正常に次画面に遷移しない理由はformのactionに指定されているパスにコンテキストパスが指定されていないからです。

以下のようにすれば正常に遷移するはずです。

HTML
1<form action="/top" method="post" class="form-signin" role="form">
2↓
3<form action="/warファイル名/top" method="post" class="form-signin" role="form">

SpringBootではデフォルトではjarで実行することになってると思うので、コンテキストパスは設定されていません。
今回のようにwarで出力し、サーバーにデプロイするのでしたらwarのファイル名でコンテキストパスを設定する必要があるかと思います。
クラスパス直下にapplication.propertiesかapplication.ymlがあると思いますので
それに出力するwarファイル名でコンテキストパスを設定してください。
（HTMLでth:action属性にコンテキストパス補完をしていることが前提）

投稿2015/12/23 13:35