Spring项目中的也样式/工具、Js文件无法引入问题
程序员文章站
2022-04-30 14:44:17
...
在最近的项目过程中,总是遇到一个或两个百思不得其姐的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页面的表达式获取当前页面的路径-->
———————————————————————————————————————————————————————
谢谢采纳,有什么错误,请大神不吝赐教。
上一篇: Photoshop打造逼真的下雨效果教程