于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件

我不是女神ヾ 2022-03-18 16:16 169阅读 0赞

**转载文章：  
原文链接为：** [https://www.cnblogs.com/LiJinfu/p/5982492.html][https_www.cnblogs.com_LiJinfu_p_5982492.html]

在有Struts部署的Java EE环境中，我们一般把jsp页面写在WebRoot\\WEB-INF\\content 目录下，这样使得jsp页面一定需要struts的控制转发才可访问，提高页面安全性。

但是今天在jsp页面中应用WebRoot目录中的css，js文件发现十分困难，先看看我的文件结构：  
![在这里插入图片描述][20190221150321657.png]

目标是在index.jsp中访问default.css。

defautl.css是在index.jsp目录的父目录的父目录的CSS目录下。所以我这样写：

ps:空格为故意添加

在Eclipes中也出现超链接提示，说明目录正确，但是结果失败。

查询资料后，在百度百科中看到：

[http://baike.baidu.com/view/1745468.htm][http_baike.baidu.com_view_1745468.htm]

TomCat 服务器下的WEB-INF文件夹是一个非常安全的文件，在页面中不能直接访问其中的文件，必须通过web.xml文件对要访问的文件进行相应映射才能访问。

从上面的实验可以看出，不但是直接访问，使用" …/ …/ "之类的间接访问也不能成功。

在此多方查询资料之后，尝试使用如下方法访问：

<%String path = request.getContextPath(); %>
         <link href="${path}/css/default.css" rel="stylesheet" type="text/css"/>
         <link href="${path}/css/uploadify.css" rel="stylesheet" type="text/css"/>

果不其然，页面成功读出了css文件中的样式，达到目的。

不过此页面中存在java脚本，不够规范，查询资料后，用以下纯EL表达式实现：

<c:set value=" p a g e C o n t e x t . r e q u e s t . c o n t e x t P a t h " v a r = " p a t h " s c o p e = " p a g e " / > < l i n k h r e f = " \{pageContext.request.contextPath\}" var="path" scope="page"/> <link href=" pageContext.request.contextPath"var="path"scope="page"/><linkhref="\{path\}/css/default.css" rel=“stylesheet” type=“text/css”/>  
  
先将ContextPath放如page中，再使用el表达式取出，问题得以解决。

但是，也有不少程序猿是在用Struts\_2的标签，要做到上面的效果，就有区别了

Struts\_2的标签要访问到 pageContext.request.contextPath，写法上就与jstl的有区别

<s:set value="\#request.get(‘javax.servlet.forward.context\_path’)" var=“cssPath” scope=“page”/>

Struts\_2标签set的value属性要进行访问对象，语法就是 value="\#对象" 或者 value="%\{对象\}"两种写法

[https_www.cnblogs.com_LiJinfu_p_5982492.html]: https://www.cnblogs.com/LiJinfu/p/5982492.html
[20190221150321657.png]: /images/20220318/83df83062d29466c9a88ba38c2226767.png
[http_baike.baidu.com_view_1745468.htm]: http://baike.baidu.com/view/1745468.htm