[JSP] <c:url> 경로 오류 방지 : 올바른 URL 생성하기 및 404에러 해결

 

 

문제

 

<li>
    <input class="btn-cancel" type="button"
           onClick="window.location = '/auth/login.do'"
           value="<spring:message code='auth.register.cancel'/>" />
</li>

 

회원가입 취소 버튼을 클릭하면 로그인 페이지로 이동하도록 구현했지만, 404오류가 발생했다

window.location = '/auth/login.do' 로, 절대 경로를 사용하고 있었다.

실제 원하는 경로는 'http://location:8080/MyApp/auth/login.do' 였지만, 'http://localhost:8080/auth/login.do'로 잘못 매핑이 되고 있었다.

 

 

 

해결 방법 : <c:url> 사용하기

JSP의 <c:url> 태그를 사용하면 자동으로 컨텍스트 경로(Context Path)를 포함하여 올바른 경로로 이동할 수 있다.

 

<li>
    <input class="btn-cancel" type="button"
           onClick="window.location = '<c:url value='/auth/login.do' />'"
           value="<spring:message code='auth.register.cancel'/>" />
</li>

 

위 코드는 실행될 때 window.location = '/MyApp/auth/login.do'로 변환된다.

 

 

<c:url> 태그란?

<c:url>은 JSP에서 동적인 URL을 생성하는 태그로, 현재 애플리케이션의 컨텍스트 경로(Context Path)를 자동으로 포함해준다.

이로 인해 애플리케이션의 배포 위치가 바뀌더라도 URL이 자동으로 조정되어, 잘못된 경로로 이동하는 문제를 방지할 수 있다.

 

 

 

정리

서버의 메인 URL이 localhost:8080/MyApp/이기 때문에 /auth/login.do만 썼을 때, /MyApp/ 부분이 빠져서 404 오류가 발생한 것이다.

<c:url>을 사용하면 자동으로 /MyApp/을 붙여줘서 정상적으로 경로가 이동할 수 있다.