当我将 servlet 转发到 JSP 时，我在加载 CSS 和图像以及创建指向其他页面的链接时遇到了问题。具体来说，当我设置我的 <welcome-file>至 index.jsp ，正在加载 CSS 并显示我的图像。但是，如果我设置我的 <welcome-file>至 HomeServlet它将控制转发给 index.jsp ，没有应用 CSS，也没有显示我的图像。
我的 CSS 文件在 web/styles/default.css 中.
我的图片在 web/images/ .
我像这样链接到我的 CSS:
<link href="styles/default.css" rel="stylesheet" type="text/css" />
我按如下方式显示我的图像:
<img src="images/image1.png" alt="Image1" />
这个问题是怎么引起的，我该如何解决？
更新 1:我添加了应用程序的结构，以及一些可能有帮助的其他信息。
header.jsp file 是包含 CSS 链接标记的文件。 HomeServlet设置为我的welcome-file在 web.xml :
<welcome-file-list>
<welcome-file>HomeServlet</welcome-file>
</welcome-file-list>
servlet 在 web.xml 中声明和映射如下:
<servlet>
<servlet-name>HomeServlet</servlet-name>
<servlet-class>com.brianblog.frontend.HomeServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>HomeServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
更新 2:我终于找到了问题 - 我的 servlet 映射不正确。显然在将 Servlet 设置为您的 <welcome-file> 时它不能有 / 的 URL 模式，我觉得有点奇怪，因为它不代表网站的根目录吗？
新映射如下:
<servlet-mapping>
<servlet-name>HomeServlet</servlet-name>
<url-pattern>/HomeServlet</url-pattern>
</servlet-mapping>
最佳答案
JSP 文件生成的 HTML 页面中的所有相对 URL 都是相对于当前请求 URL(您在浏览器地址栏中看到的 URL)而不是相对于 JSP 文件的位置如您所料，在服务器端。也就是说，网络浏览器必须通过 URL 单独下载这些资源，而不是网络服务器必须以某种方式从磁盘中包含它们。
除了更改相对 URL 以使它们相对于 servlet 的 URL 而不是 JSP 文件的位置之外，解决此问题的另一种方法是使它们相对于域根(即以 / 开头) .这样，您无需担心在更改 servlet 的 URL 时再次更改相对路径。
<head>
<link rel="stylesheet" href="/context/css/default.css" />
<script src="/context/js/default.js"></script>
</head>
<body>
<img src="/context/img/logo.png" />
<a href="/context/page.jsp">link</a>
<form action="/context/servlet"><input type="submit" /></form>
</body>
但是，您可能不希望对上下文路径进行硬编码。很合理。可以通过${pageContext.request.contextPath}获取EL中的上下文路径。
<head>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/default.css" />
<script src="${pageContext.request.contextPath}/js/default.js"></script>
</head>
<body>
<img src="${pageContext.request.contextPath}/img/logo.png" />
<a href="${pageContext.request.contextPath}/page.jsp">link</a>
<form action="${pageContext.request.contextPath}/servlet"><input type="submit" /></form>
</body>
(可以很容易地缩短为 <c:set var="root" value="${pageContext.request.contextPath}" /> 并在其他地方用作 ${root})
或者，如果您不担心不可读的 XML 和损坏的 XML 语法突出显示，请使用 JSTL <c:url> :
<head>
<link rel="stylesheet" href="<c:url value="/css/default.css" />" />
<script src="<c:url value="/js/default.js" />"></script>
</head>
<body>
<img src="<c:url value="/img/logo.png" />" />
<a href="<c:url value="/page.jsp" />">link</a>
<form action="<c:url value="/servlet" />"><input type="submit" /></form>
</body>
无论哪种方式，如果您有很多相对 URL，这又会非常麻烦。为此，您可以使用 <base> 标签。所有相对 URL 将立即成为相对于它的。然而，它必须从方案开始( http:// 、 https:// 等)。在普通 EL 中没有获取基本上下文路径的巧妙方法，因此我们在这里需要 JSTL 的一点帮助。
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="req" value="${pageContext.request}" />
<c:set var="uri" value="${req.requestURI}" />
<c:set var="url">${req.requestURL}</c:set>
...
<head>
<base href="${fn:substring(url, 0, fn:length(url) - fn:length(uri))}${req.contextPath}/" />
<link rel="stylesheet" href="css/default.css" />
<script src="js/default.js"></script>
</head>
<body>
<img src="img/logo.png" />
<a href="page.jsp">link</a>
<form action="servlet"><input type="submit" /></form>
</body>
这又(再次)提出了一些警告。 anchor (#identifier URL)也将成为相对于基本路径的!您想让它相对于请求 URL (URI)。所以，像这样改变
<a href="#identifier">jump</a>
到
<a href="${uri}#identifier">jump</a>
每种方式都有自己的优点和缺点。选择哪个取决于您。至少，你现在应该明白这个问题是怎么引起的以及如何解决的了:)
另见:
关于css - 调用转发到 JSP 的 Servlet 时，浏览器无法访问/查找相关资源，如 CSS、图像和链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33704987/