本文解释如有误,欢迎各位代佬批评指正。
问题描述:从根目录首页访问一个路径为子目录下的servlet再转发跳转到根目录下的页面时,页面访问不到目标页面中原本应该包含的资源(包括css、首页框架包含的jsp文件等)
一、文件结构
二、test.jsp的正常显示界面
三、通过流程访问
流程:index.jsp -> test/test.do -> test.jsp
单击提交以后
四、问题分析
为什么会出现同一个界面结果显示不一样的情况呢???
首先上代码:
<%-- index.jsp --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>index界面</title>
</head>
<body>
<form action="test/test.do" method="post">
<input type="submit" value="提交">
</form>
</body>
</html>
//servlet文件。
注意:web文件夹下,有一个test文件夹,这种文件夹在实际项目中是比较重要的,毕竟那样比较规范,可以在很大程度上避免路径访问出错的问题,但实际上servlet路径只是一个虚拟路径,因此在此演示案例中test文件夹可有可无。
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
/**
* @author 丶归宁
* @create 2020/12/1
*/
@WebServlet("/test/test.do")
public class test extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.getRequestDispatcher("../test.jsp").forward(request,response);
// response.sendRedirect("../test.jsp");
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request,response);
}
}
<%-- test.jsp --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>test.jsp显示界面</title>
<link rel="stylesheet" type="text/css" href="css/public.css" />
</head>
<body>
<div >
<a href="#">大家请看下面有没有a标签的格式,css中”text-decoration: none“</a>
</div>
</body>
</html>
转发和重定向的区别和定义大佬们的解释很多了,不再赘余,这里仅解决问题为中心
代码的流程图
在图中其实给力一定的提示,当servlet转发访问test.jsp时,它其实还停留在原来的/test,因此当test.jsp根据href="css/public.css"去找css时,其实际访问路径是:根目录/test/css/public.css。因为css文件在“根目录/css/…”下,所以就找不到了。
假如test.jsp文件包含一个框架,其中引用很多个jsp文件,通过转发方式访问,就会出现各部分404的情况。
五、解决方法
有两种解决方法:
1.转发改为重定向: response.sendRedirect("…/test.jsp");
2.在test.jsp要访问的文件处,使用绝对路径:
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/public.css" />