如何解决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图片等静态资源无法加载的问题”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。