WEB-INF下的jsp文件如何访问css和js文件

Posted 醉画仙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WEB-INF下的jsp文件如何访问css和js文件相关的知识,希望对你有一定的参考价值。

今天帮一个同学找出了web项目问题的原因,这个问题是关于WEB-INF下的jsp文件如何访问css和js文件。

先看一下文件的大致位置(jsp与css文件都同处WEB-INF内):

 

 

该同学想WEB-INF里面的head.jsp文件加载同目录下的head.css文件,用了如下常规的方法:

<head><link rel="stylesheet" href="/campus/WEB-INF/css/head.css" type="text/css"></link></head>

发现怎么都加载不了该css文件,后来又尝试了好几种都不见效。

我们都知道,为了安全,我们会将绝大部分的jsp文件放入我们的WEB-INF中,然后利用外部

的index.jsp中的forward语句来访问其内部文件,这是因为WEB-INF内部文件是受保护的,想

到这一点,猜测jsp获取不了css文件的原因可能是某段路径被拦截了,所以就尝试着用获取当

前项目的根地址来加载css,代码如下:

 <head><link rel="stylesheet" href="<%=request.getContextPath() %>/WEB-INF/css/head.css" type="text/css"></link></head>

结果还是无法加载WEB-INF里面的css文件,百思不得其解,尔后又尝试着将css文件放在了

Web-Root下面,即与WEB-INF同级,如图:

 

发现用上面两种方法都可以加载到css文件了。究其原因,是由于将css文件放入了WEB-INF

里面,导致jsp无法正常访问到相应的路径。也就是说css跟js文件是不建议放在WEB-INF目

录下的,一般放在与WEB-INF同级即可。
————————————————
版权声明:本文为CSDN博主「梦想的边缘」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/gsycwh/java/article/details/52098097

以上是关于WEB-INF下的jsp文件如何访问css和js文件的主要内容,如果未能解决你的问题,请参考以下文章

spring mvc 访问不到 js css

在WEB-INF下的jsp页面想要访问webapp下面的css/addBook.css文件为啥不能访问

怎么访问web-inf目录下的文件

web-inf下的jsp怎么访问

普通java类文件如何访问WEB-INF目录下的文件,不是Servlet、JSP类文件

关于WEB-INF下的jsp,使用绝对路径如何访问?