Java EE 应用程序中的样式路径

Question

我有一个 Java EE 应用程序，在应用程序中我有以下结构。

WEB-INF
    layout
        header.jsp
    styles
        main.css

我想在header.jsp 中包含main.css。我正在尝试执行以下操作（其中 ... 是路径）：

<link rel="stylesheet" href="..."> 

但是，我似乎无法找到正确的路径。我尝试了以下每一项都没有运气：

../styles/main.css
/styles/main.css
styles/main.css
/WEB-INF/styles/main.css
WEB-INF/styles/main.css

正确的路径是什么？

Answer 1

首先，/WEB-INF 文件夹中的资源在没有中间（前端控制器）servlet 的情况下不能直接公开访问（这也包括 JSP 文件本身！<jsp:include> 在网络服务器上运行，而不是在网络浏览器上运行）。因此，您必须将 CSS（以及 JS 和图像）文件放在 /WEB-INF 文件夹之外。

WebContent
 |-- WEB-INF
 |    `-- layout
 |         `-- header.jsp
 |-- styles
 |    `-- main.css
 :

假设现在在/styles/main.css，那么可以如下引用：

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/styles/main.css" />

使用${pageContext.request.contextPath}（使用前导斜杠打印当前上下文路径，从而保证 CSS URL 相对于域根）本身不是必需的，但这是您最安全的选择，因为当前请求 URL 是未知的. HTML <link>、<script>、<img>、<a> 等元素中的所有相对路径都是由网络浏览器相对于当前请求 URL 解析的（正如您在浏览器的地址栏中看到的那样）。只要不清楚您的请求 URL 是什么，如果不使用 ${pageContext.request.contextPath}，我就无法回答正确的 CSS 路径。

另见：

• Moving resources under WEB-INF
• Browser can't access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP