- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
当我将 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/3655316/
我通过 spring ioc 编写了一些 Rest 应用程序。但我无法解决这个问题。这是我的异常(exception): org.springframework.beans.factory.BeanC
我对 TestNG、Spring 框架等完全陌生,我正在尝试使用注释 @Value通过 @Configuration 访问配置文件注释。 我在这里想要实现的目标是让控制台从配置文件中写出“hi”,通过
为此工作了几个小时。我完全被难住了。 这是 CS113 的实验室。 如果用户在程序(二进制计算器)结束时选择继续,我们需要使用 goto 语句来到达程序的顶部。 但是,我们还需要释放所有分配的内存。
我正在尝试使用 ffmpeg 库构建一个小的 C 程序。但是我什至无法使用 avformat_open_input() 打开音频文件设置检查错误代码的函数后,我得到以下输出: Error code:
使用 Spring Initializer 创建一个简单的 Spring boot。我只在可用选项下选择 DevTools。 创建项目后,无需对其进行任何更改,即可正常运行程序。 现在,当我尝试在项目
所以我只是在 Mac OS X 中通过 brew 安装了 qt。但是它无法链接它。当我尝试运行 brew link qt 或 brew link --overwrite qt 我得到以下信息: ton
我在提交和 pull 时遇到了问题:在提交的 IDE 中,我看到: warning not all local changes may be shown due to an error: unable
我跑 man gcc | grep "-L" 我明白了 Usage: grep [OPTION]... PATTERN [FILE]... Try `grep --help' for more inf
我有一段代码,旨在接收任何 URL 并将其从网络上撕下来。到目前为止,它运行良好,直到有人给了它这个 URL: http://www.aspensurgical.com/static/images/a
在过去的 5 个小时里,我一直在尝试在我的服务器上设置 WireGuard,但在完成所有设置后,我无法 ping IP 或解析域。 下面是服务器配置 [Interface] Address = 10.
我正在尝试在 GitLab 中 fork 我的一个私有(private)项目,但是当我按下 fork 按钮时,我会收到以下信息: No available namespaces to fork the
我这里遇到了一些问题。我是 node.js 和 Rest API 的新手,但我正在尝试自学。我制作了 REST API,使用 MongoDB 与我的数据库进行通信,我使用 Postman 来测试我的路
下面的代码在控制台中给出以下消息: Uncaught DOMException: Failed to execute 'appendChild' on 'Node': The new child el
我正在尝试调用一个新端点来显示数据,我意识到在上一组有效的数据中,它在数据周围用一对额外的“[]”括号进行控制台,我认为这就是问题是,而新端点不会以我使用数据的方式产生它! 这是 NgFor 失败的原
我正在尝试将我的 Symfony2 应用程序部署到我的 Azure Web 应用程序,但遇到了一些麻烦。 推送到远程时,我在终端中收到以下消息 remote: Updating branch 'mas
Minikube已启动并正在运行,没有任何错误,但是我无法 curl IP。我在这里遵循:https://docs.traefik.io/user-guide/kubernetes/,似乎没有提到关闭
每当我尝试docker组成任何项目时,都会出现以下错误。 我尝试过有和没有sudo 我在这台机器上只有这个问题。我可以在Mac和Amazon WorkSpace上运行相同的容器。 (myslabs)
我正在尝试 pip install stanza 并收到此消息: ERROR: No matching distribution found for torch>=1.3.0 (from stanza
DNS 解析看起来不错,但我无法 ping 我的服务。可能是什么原因? 来自集群中的另一个 Pod: $ ping backend PING backend.default.svc.cluster.l
我正在使用Hibernate 4 + Spring MVC 4当我开始 Apache Tomcat Server 8我收到此错误: Error creating bean with name 'wel
我是一名优秀的程序员,十分优秀!