이성주

작성한 질문수 3

2

[자문자답]

아 원인을 찾았습니다...

(수정후 loginForm.html)

<form action="/login" th:object="${loginForm}" method="post">
    <div th:if="${#fields.hasGlobalErrors()}">
        <p class="field-error" th:each="err : ${#fields.globalErrors()}"
           th:text="${err}">전체 오류 메시지</p>
    </div>
    <div>
        <label for="loginId">로그인 ID</label>
        <input type="text" id="loginId" th:field="*{loginId}" class="form-control"
               th:errorclass="field-error">
        <div class="field-error" th:errors="*{loginId}" />
    </div>
    <div>
        <label for="password">비밀번호</label>
        <input type="password" id="password" th:field="*{password}"
               class="form-control"
               th:errorclass="field-error">
        <div class="field-error" th:errors="*{password}" />
    </div>
    <hr class="my-4">
    <div class="row">
        <div class="col">
            <button class="w-100 btn btn-primary btn-lg" type="submit">
                로그인</button>
        </div>
        <div class="col">
            <button class="w-100 btn btn-secondary btn-lg"
                    onclick="location.href='items.html'"
                    th:onclick="|location.href='@{/}'|"
                    type="button">취소</button>
        </div>
    </div>
</form>

제가 개인적으로 loginForm 의 action을 /login 으로 바꾸어주었었습니다.

이 부분이 문제였습니다. 

다시 action="~" th:action 으로 수정해주었더니 올바르게 값을 가져오는 것을 확인할 수 있었습니다.

+ 혹시 저 action 의 차이점이 무엇인지 알 수 있을까요??