java

关注公众号 jb51net

关闭
首页 > 软件编程 > java > springMVC 跳转js css图片等静态资源无法加载

解决springMVC 跳转js css图片等静态资源无法加载的问题

作者:TheBetterMe

下面小编就为大家带来一篇解决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图片等静态资源无法加载的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文