如何解決springMVC跳轉js、css圖片等靜態資源無法加載的問題

這篇文章將為大家詳細講解有關如何解決springMVC跳轉js、css圖片等靜態資源無法加載的問題，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

web.xml中

servlet>
 <servlet-name>SpringMVC</servlet-name>
 <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
 <init-param>
  <param-name>contextConfigLocation</param-name>
  <param-value>classpath:spring-mvc.xml</param-value>
 </init-param>
 <load-on-startup>1</load-on-startup>
 <async-supported>true</async-supported>
</servlet>
<servlet-mapping>
 <servlet-name>SpringMVC</servlet-name>
 <url-pattern>/</url-pattern>
</servlet-mapping>

會導致頁面引用的JS CSS發生找不到的錯誤 ，以下有兩種方式解決問題，僅供參考：

方法一：在web.xml中添加

<servlet-mapping> 
   <servlet-name>default</servlet-name> 
   <url-pattern>*.css</url-pattern> 
  </servlet-mapping> 

 <servlet-mapping> 
  <servlet-name>default</servlet-name> 
  <url-pattern>*.gif</url-pattern> 
 </servlet-mapping> 

 <servlet-mapping> 
  <servlet-name>default</servlet-name> 
  <url-pattern>*.jpg</url-pattern> 
 </servlet-mapping> 

 <servlet-mapping> 
  <servlet-name>default</servlet-name> 
  <url-pattern>*.js</url-pattern> 
 </servlet-mapping>

指明對于如上資源文件不采用spring的過濾器

關于default是tomcat配置的一個servlet，“DefaultServlet被定義在CATALINAHOME/conf/web.xml中，配置文件中被定義的東西會在Tomcat啟動的時候被加載，對所有的webapp都有效。DefaultServlet在Tomcat中主要是做目錄列表（DirectoryListing）用指明對于如上資源文件不采用spring的過濾器關于default是tomcat配置的一個servlet，“DefaultServlet被定義在CATALINA_HOME/conf/web.xml中，配置文件中被定義的東西會在Tomcat啟動的時候 被加載，對所有的webapp都有效。DefaultServlet在Tomcat中主要是做目錄列表（Directory Listing）用指明對于如上資源文件不采用spring的過濾器

關于default是tomcat配置的一個servlet，“DefaultServlet被定義在$CATALINA_HOME/conf/web.xml中，配置文件中被定義的東西會在Tomcat啟動的時候 被加載，對所有的webapp都有效。DefaultServlet在Tomcat中主要是做目錄列表（Directory Listing）用

<servlet> 
   <servlet-name>default</servlet-name> 
   <servlet-class> 
   org.apache.catalina.servlets.DefaultServlet 
   </servlet-class> 
   <init-param> 
    <param-name>debug</param-name> 
    <param-value>0</param-value> 
   </init-param> 
   <init-param> 
    <param-name>listings</param-name> 
    <param-value>true</param-value> 
   </init-param> 
   <load-on-startup>1</load-on-startup> 
  </servlet> 

 ... 

  <servlet-mapping> 
   <servlet-name>default</servlet-name> 
   <url-pattern>/</url-pattern> 
  </servlet-mapping>

有一些參數可以控制DefaultServlet的行為。此外，當請求的URL是/的時候， 也就是沒有匹配的時候，就會觸發這個DefaultServlet。

方法二：使用spring mvc 的 resources 注解 用來處理靜態文件

spring mvc 的< mvc:resources mapping=”” location=”“>標簽是在spring3.0.4出現的，主要是用來進行靜態資源的訪問。在spring3.0.4出來的時候spring還沒有更新其schema所以在配置文件中有可能找不到< mvc:resources >標簽，這個問題在spring3.0.5中已經解決，而且網上也有很多其他的解決方案，我在這里就不記錄了。

首先使用spring mvc需要配置其使用的servlet.在web.xml中:

有一些參數可以控制DefaultServlet的行為。此外，當請求的URL是/的時候， 也就是沒有匹配的時候，就會觸發這個DefaultServlet。

<servlet>  
 <servlet-name>springMVC</servlet-name>  
 <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  
 <load-on-startup>1</load-on-startup>  
 </servlet>  

 <servlet-mapping>  
  <servlet-name>springMVC</servlet-name>  
  <url-pattern>/</url-pattern>  
 </servlet-mapping>

這是會影響到靜態資源文件的獲取，這樣就需要有這個標簽來幫你分類完成獲取靜態資源的責任。

所以在springMVC-servlet.xml文件中加入如下代碼

<?xml version="1.0" encoding="UTF-8"?>  
  <beans xmlns="http://www.springframework.org/schema/beans"  
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
   xmlns:mvc="http://www.springframework.org/schema/mvc"  
   xsi:schemaLocation="http://www.springframework.org/schema/beans 
 http://www.springframework.org/schema/beans/spring-beans-3.0.xsd  
   http://www.springframework.org/schema/mvc 
 http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">  

   <mvc:resources mapping="/javascript/**" 
   location="/static_resources/javascript/"/>  
   <mvc:resources mapping="/styles/**" 
   location="/static_resources/css/"/>  
   <mvc:resources mapping="/images/**" 
   location="/static_resources/images/"/>  
   <mvc:default-servlet-handler />

這里可以看到我所有的頁面引用到/styles/**的資源都從/static_resources/css里面進行查找。

根據以上的兩種方法，就可以訪問到站點的靜態資源了。

關于“如何解決springMVC跳轉js、css圖片等靜態資源無法加載的問題”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。