Spring项目中的样式/工具、Js文件无法引入问题

  在最近的项目过程中，总是遇到一个或两个百思不得其姐的bug，写好的页面样式或是工具js，总是莫名其妙的404，各种

懵逼，时而好用，时而报错。后来得到高人知道，终于把bug锁定到几个地方--->今天简单的说一下最容易的，也是最要小心防范的：SpringMVC拦截静态资源。

Spring MVC

当springMVC配置前端控制器拦截的所有请求时，去掉静态资源的拦截

---

1、前端控制器的配置

    <!-- springmvc的前端控制器 -->
    <servlet>
        <servlet-name>springMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

        <!-- contextConfigLocation不是必须的
        如果不配置contextConfigLocation
        springmvc的配置文件默认在：WEB-INF/servlet的name+"-servlet.xml" -->

        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring/springmvc.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>

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

/ 表示拦截所有的请求，包括静态资源

<url-pattern>/</url-pattern> --表示拦截所有的请求，包括静态资源

---

2、去静态资源拦截有三种方式

1、在web.xml中配置映射
2、在springMVC.xml中配置映射
3、在springMVC.xml中添加静态资源默认Servlet处理

---

3、方式一

在web.xml中配置映射

    <!-- 对静态资源的配置 -->
    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.js</url-pattern>
        <url-pattern>*.css</url-pattern>
        <url-pattern>*.ico</url-pattern>
        <url-pattern>/img/*</url-pattern>
        <url-pattern>/fonts/*</url-pattern>
        <url-pattern>/font/*</url-pattern>
    </servlet-mapping>

可以根据自身情况，来配置映射

注意： 请将它放在所有Servlet的最前面（为了让它最先匹配），这样的话性能上应该比较好

---

4、方式二

在springMVC.xml中添加静态资源的映射

    <!-- 资源映射 -->
    <mvc:resources location="/WEB-INF/css/" mapping="/css/**"/>
    <mvc:resources location="/WEB-INF/js/" mapping="/js/**"/>

根据实际情况自行配置

---

5、方式三

在springMVC.xml中添加静态资源默认Servlet处理

<mvc:default-servlet-handler/>

<!-- 也可以自行手动配置，自定义servlet -->
<mvc:default-servlet-handler default-servlet-name="myDefaultServlet"/>

注意： 这种方式对spring版本必须要求3.0.5及以上

---

6、拦截器拦截静态资源
 

   //前面都配置好之后，如果页面的样式报404，您刚好配置了拦截器，那就只能是这个问题了。
<mvc:interceptors>
		<mvc:interceptor>
		    <mvc:mapping path="/*"/>//这个拦截路径不要写成/**，尽可能的是/*
		    <mvc:exclude-mapping path="/login"/>
		    <mvc:exclude-mapping path="/signin"/>
		    <mvc:exclude-mapping path="/check"/>
		    <bean class="com.interceptor.LoginInterceptor"/>
		</mvc:interceptor>
</mvc:interceptors>

这个拦截器我本人是经常性的犯错误，望大家共勉。

 

 

页面的引入一定要给相对路径，参考下面两种方式：

<script type="text/javascript"
	src="${pageContext.request.contextPath }/cj/js/jquery-1.9.1.js"></script>
<!--第一种方式,比较长，记不住的话可以选择下面这种-->
<script type="text/javascript"
	src="<%=request.getContextPath() %>/cj/js/jquery-1.9.1.js"></script>
<!--第二种方式,用jsp页面的表达式获取当前页面的路径-->

 

———————————————————————————————————————————————————————

 

谢谢采纳，有什么错误，请大神不吝赐教。