1.导致WEN-IF下的静态文件无法访问的原因
放在WEB-INF下的文件(图片,js,css等文件)在项目运行的时候是被隐藏起来的,在浏览器下进行访问时,即便有正确的访问路径也是放完不到的,原因是:servlet会拦截所有请求
解决方法:
- 第一种方法:在web.xml中配置
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.css</url-pattern>
<url-pattern>*.js</url-pattern>
<url-pattern>*.gif</url-pattern>
<url-pattern>*.jpg</url-pattern>
<url-pattern>*.jpeg</url-pattern>
<url-pattern>*.png</url-pattern>
<url-pattern>*.ico</url-pattern>
<url-pattern>*.zip</url-pattern>
<url-pattern>*.rar</url-pattern>
</servlet-mapping>
这个需要放在所有servlet的前面,即拦截前面。
- 第二种方法:在spring-mvc.xml中配置
<!--静态页面,如html,css,js,images可以访问-->
<mvc:default-servlet-handler />
<!--处理静态资源-->
<mvc:resources location="/WEB-INF/jsp/dist/" mapping="/dist/**" />
<mvc:resources location="/WEB-INF/jsp/css/" mapping="/css/**" />
<mvc:resources location="/WEB-INF/jsp/lib/" mapping="/lib/**" />
<mvc:resources location="/WEB-INF/jsp/js/" mapping="/js/**" />
2.将静态文件移出WEB-IF
上面的两种方法的确在一定程度上可以解决WEB-IF下的静态文件无法访问的问题,但是我在做项目的过程中,发现这两种方法不是很稳定,访问着访问着,突然会有一两个文件还是无法访问到。
为了解决这个问题,我将这些静态文件全部移出到WEB-IF文件外:
然后在jsp文件中要访问这些文件时,可以采用以下访问方式:
- 在文件头部加上
<%
String path = request.getContextPath();
%>
- 访问js路径
<script src="<%=path%>/js/jquery.min.js"></script>
- 访问css路径
<link href="<%=path%>/css/style.css" rel="stylesheet">
- 访问图片路径
<img src="<%=path%>/image/image2.jpg" alt="">
PS:如果可以用前面两种方式解决,就直接采用前两种解决办法,为了增加安全性,实在无法解决的再考虑后一种方法。