jsp中的basePath和path (绝对路径 相对路径)（重要）

https://blog.youkuaiyun.com/baidu_37107022/article/details/75233392

转载请注明原文出处：http://blog.youkuaiyun.com/baidu_37107022/article/details/75233392

---

在JSP中的如果使用 “相对路径” 则有可能会出现问题.

因为网页中的 “相对路径” , 他是相对于 “URL请求的地址” 去寻找资源. 
上面这句话是什么意思呢 ?

举个例子:

假如我们有一个项目: MyApp

在该项目下, 有一个jsp文件夹 
该文件夹下包括: 
    login.jsp    // 登陆页面 
    register.jps // 注册页面

• 1
• 2
• 3
• 4

我们在浏览器中输入地址 (注意: 地址的内容):

http://localhost:8080/MyApp/jsp/login.jsp 

• 1

这时候, 浏览器会链接到 “登陆页面” (login.jsp)

在login.jsp页面中有一个注册链接:

<a href="jsp/register.jsp">注册用户 </a>

• 1

那么,如果我们点击这个链接,就会在浏览器地址栏中, 出现如下错误链接:

http://localhost:8080/MyApp/jsp/jsp/register.jsp

• 1

为什么会出现”/jsp/jsp/register.jsp”呢?

因为, 网页中的”相对链接”, 是相对于你所 “请求的URL路径” 所决定的.

因为这里请求路径是:http://localhost:8080/MyApp/jsp/login.jsp 
那么, 浏览器 就会在这个路径下(即:http://localhost:8080/MyApp/jsp/)去找jsp/register.jsp

所以就会出现如下错误内容: 
http://localhost:8080/MyApp/jsp/jsp/register.jsp

上面的问题，就是调用页面和被调用页面的URL不同所造成的

此类错误也常常会出现在2个页面之间进行 “转发”(forward) 操作的时候。 
因为forward是在后台进行的，对客户端来说是透明的。(即: URL不改变，而数据内容却是另一个页面返回来的。。。)

那么如何解决这问题呢？

方法一：直接采用绝对路径 (不推荐)

在JSP页面端，获得本项目的绝对地址（如果你的项目叫MyApp，那么获得到的地 
址就是 http://localhost:8080/MyApp/）:

代码如下:

<!-- **************方法一***************** --> 
<%@ page language="java" pageEncoding="GBK"
    contentType="text/html;charset=gbk" isELIgnored="false"%>
<%
    String path = request.getContextPath();
    // 获得本项目的地址(例如: http://localhost:8080/MyApp/)赋值给basePath变量 
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
    // 将 "项目路径basePath" 放入pageContext中，待以后用EL表达式读出。 
    pageContext.setAttribute("basePath", basePath);
%>
<html>
    <head>
    </head>
    <body>
        <a href="${pageScope.basePath}jsp/register.jsp">
    </body>
</html>
<!-- *************************************-->

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19

我们可以看到，在标签 <a>中的href属性内,我们直接采用了 “本项目路径 ${pageScope.basePath}” 加上 "jsp/register.jsp" ， 从而构成一个绝对路径(即: http://localhost:8080/MyApp/jsp/register.jsp)

但是这样做有一个很不好的地方，那就是我们必须要在每个链接的前面都要加上“${pageScope.basePath}”

如果这样做的话，将是一件很可怕的事情。

方法二: 利用html中的 <base>标签(推荐)

下面是对html中的 <base>的介绍：

base 元素可规定页面中所有链接的基准 URL 

默认情况下，页面中的链接（包括样式表、脚本和图像的地址）都是相对于当前
页面的地址(即:浏览器地址栏里的请求URL)。 

• 1
• 2
• 3
• 4

我们可以使用 <base>标签中的href属性来设置，所有的“相对基准 URL”。

上面说的是什么意思呢？我们来看看代码就知道咯~~

这是JSP端的代码 ,下面的代码 (十分类似上面 “方法一” 中的JSP代码) 
但是这里我们并没有采用 ${pageScope.basePath}+”相对路径地址” 的方法， 
而是采用了html文件中的 <base>标签：

代码如下:

<!-- *************JSP代码******************-->
<%@ page language="java" pageEncoding="GBK"
    contentType="text/html;charset=gbk" isELIgnored="false"%>
<%
    String path = request.getContextPath();
    // 获得项目完全路径（假设你的项目叫MyApp，那么获得到的地址就是http://localhost:8080/MyApp/）: 
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<html>
<head>
    <!-- base需要放到head中 -->
    <base href=" <%=basePath%>">
</head>
    <!-- 这里我们就可以直接使用相对路径(即: 相对于base标签) -->
    <a href="jsp/login.jsp">Login </a>
</html>
<!-- *************************************-->

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18

大概看完了上面的代码，或许您还是有些疑惑 
不过当您看到了，下面的代码，可能就豁然开朗了。

当我们去执行上面的那段JSP代码后，我们可以在浏览器中可以查看，他所返回给客户端的html代码: 
执行完上述JSP后，所返回的html代码如下:

<html>
<head>
<base href="http://localhost:8080/MyApp/">
</head>
<!-- // 设置了 <base>后，相对路径，相对于的就是base中的路径，而不再是浏览器
地址的请求路径啦~~~  -->
<a href="jsp/login.jsp">Login </a>
</html>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

我们可以看到JSP返回的html代码中，包含了 <base href="http://localhost:8080/MyApp/">内容。

也就是说，在本html文件中，遇到的所有 “相对链接(例如: <a href="jsp/login.jsp">)”，都是相对于base 路径(即:http://localhost:8080/MyApp/)，所以我们就可以进行的使用 相对链接，而不必担心， 转发操作(forward)或 请求地址不同不同所造成的页面无法找到的错误啦~（即:HTTP: 404)。。。