解決SSM項目下靜態資源(img、js、css)無法引用的問題

先看一下資源目錄結構

建立一個與WEB-INF同級別的resources文件，裏面存放css、js、img資源文件。

1、web.xml配置

在web.xml中找到以下配置項

<servlet-mapping>
    <servlet-name>SpringMVC</servlet-name>
	<!-- 此處可以可以配置成*.do，對應struts的後綴習慣 -->
	<url-pattern>/</url-pattern>
</servlet-mapping>

在它下面繼續配置以下內容

<!-- 靜態資源 -->
<servlet-mapping>
	<servlet-name>default</servlet-name>
	<url-pattern>*.css</url-pattern>
	<url-pattern>*.js</url-pattern>
	<url-pattern>*.gif</url-pattern>
	<url-pattern>*.png</url-pattern>
	<url-pattern>*.jpg</url-pattern>
</servlet-mapping>

2、spring-mvc.xml配置

在spring-mvc.xml的<beans>標籤內添加以下配置

 <!-- 引入靜態資源 -->
 <mvc:annotation-driven />
 <mvc:resources mapping="/css/**" location="/resouces/css/**" />
 <mvc:resources mapping="/img/**" location="/resouces/img/**" />
 <mvc:resources mapping="/js/**" location="/resouces/js/**" />

3、頁面中引用

前面添加${pageContext.request.contextPath}

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/style_1.css">