SSM項目靜態資源加載的實現

前言

近期做了一個小項目，前端框架使用的是Bootstrap。代碼、配置一切搞點後，跑起來沒有達到我要的效果，分析後發現是靜態資源沒有加載。下面就SSM項目下靜態資源加載的實現做一個記錄。

實現

1、修改web.xml配置

//加入以下配置
<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、SpringMVC配置文件中添加<mvc:resource>標籤

在springmvc中配置如下：
<!-- 靜態資源訪問 -->
<mvc:resources location="/img/" mapping="/img/**"/> 
<mvc:resources location="/js/" mapping="/js/**"/>  
<mvc:resources location="/css/" mapping="/css/**"/>

3、使用<mvc:default-servlet-handler/>

springmvc配置中添加
<!--處理靜態資源-->
<mvc:default-servlet-handler/>

4、頁面引用靜態資源

<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>