[JSP/Servlet] css, js 적용이 안됨 해결하기

안녕하세요 yunamom 입니다 :D

 

프로젝트를 하다보면 JSP 에 css, js 파일이 적용이 안되는 경우가 있는데요

 

an error occurred trying to load the resource 에러가 나게됩니다.

 

 

이럴경우 web.xml 에서 mapping을 해주시면 됩니다.😊

 

WEB-INF/web.xml 

web.xml 파일생성

👇 web.xml 에 아래와 같이 작성해줍니다.

<web-app>
	<servlet-mapping>
		<servlet-name>default</servlet-name>
		<url-pattern>*.js</url-pattern>
		<url-pattern>*.css</url-pattern>
		<url-pattern>*.jpg</url-pattern>
		<url-pattern>*.gif</url-pattern>
		<url-pattern>*.png</url-pattern>
		<url-pattern>*.ico</url-pattern>
		<url-pattern>*.swf</url-pattern>
	</servlet-mapping>

	<servlet-mapping>
		<servlet-name>jsp</servlet-name>
		<url-pattern>*.jsp</url-pattern>
		<url-pattern>*.jspx</url-pattern>
	</servlet-mapping>
</web-app>

before

after

💡만약 웹 캐싱 때문에 이전 css가 적용되는 경우에는 끝에 버전을 추가해주시면 됩니다. (ver=1)

<link rel="stylesheet" type="text/css" 
href="${pageContext.request.contextPath}/css/style.css?ver=1">