정적 리소스 관리

js, css, image 파일 등 정적 리소스를 스프링 디렉터리 구조에서 연결하는 방법

 

기본적으로 스프링 프로젝트를 생성하면 WEB-INF안에 jsp 파일이 있을텐데

브라우저에서는 WEB-INF 내부에 접근할 수가 없다.

따라서 WEB-INF랑 동일한 위치에 디렉터리를 생성하고 그 안에 정적 리소스를 넣는다.

 

그리고 dispatcher-servlet.xml (서블릿 컨텍스트)에 다음 한 줄을 넣는다.

mapping은 리소스에 접근할 때 사용하는 값이고, location은 실제 정적리소스가 담겨 있는 디렉터리다.

즉 실제 디렉터리 구조는

webapp/resources/정적 리소스 파일

webapp/WEB-INF/...

형태가 된다

 

<mvc:resources mapping="/resources/**" location="/resources/" />

 

jsp 페이지 안에서는 

<link href="resources/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<script src="resources/vendor/jquery/jquery.min.js"></script>

이런식으로 접근할 수 있다.