相对路径和绝对路径详解

理解Web开发中的相对路径与绝对路径

最新推荐文章于 2025-10-23 18:56:01 发布

原创最新推荐文章于 2025-10-23 18:56:01 发布 · 1w 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#绝对路径 #相对路径 #虚拟目录 #请求转发 #重定向

Web核心专栏收录该内容

38 篇文章

订阅专栏

本文详细解析了Web开发中相对路径和绝对路径的概念。相对路径不以斜杠开头，例如`./`表示当前目录，`../`表示上一级目录。绝对路径则以斜杠开头，能唯一标识资源。对于客户端浏览器，绝对路径需考虑虚拟目录；而在服务器端，请求转发无需考虑。通过实例展示了在不同场景下如何使用这两种路径。

相对路径

不以斜杠/开头。以点.开头的路径。比如

./：当前目录
../：后退以及目录
既不以/开头，也不以./开头的路径，默认为./开头，比如xxx等价于./xxx

通过相对路径不可以确定唯一资源

例子

先看我们的项目目录接口，有2个页面，a.html和b.html，不在同一级目录，还有一个资源是/demo4

a.html的代码为

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a</title>
</head>
<body>
    <h1>这是a</h1>
    <h3>a的路径为http://localhost:8080/bServlet/a.html</h3>
    <a href="demo4">相对路径到demo4</a><br>
    <a href="./demo4">相对路径到demo4</a><br>
    <a href="/bServlet/demo4">绝对路径到demo4</a>
</body>
</html>

b.html的代码为

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>b</title>
</head>
<body>
    <h1>这是b</h1>
    <h3>b的路径为http://localhost:8080/bServlet/html/b.html</h3>
    <a href="../demo4">相对路径到demo4</a><br>
</body>
</html>

资源/demo4的代码为

package com.lingaolu.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.io.IOException;

/**
 * @author 林高禄
 * @create 2020-07-07-16:46
 */
@WebServlet(value="/demo4")
public class ServletDemo4 extends HttpServlet {


    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("doGet.....demo4.");
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("doPost......demo4");
    }
}

启动访问

从上面可以知道

/demo4的全路径为http://localhost:8080/bServlet/demo4
a.html的全路径为http://localhost:8080/bServlet/a.html
b.html的全路径为http://localhost:8080/bServlet/html/a.html

所以，对本次例子来说：

a.html相对路径访问/demo4的时候，可以是./demo4也可以是demo4，因为demo4也会被转为./demo4
a.html绝对路径访问/demo4的时候，是/bServlet/demo4
b.html相对路径访问/demo4的时候，因为b.html和/demo4不在同一层路径目录，而b.html的上一层html和/demo4才在同一层目录，所以b.html相对路径访问/demo4是../demo4,(../表示返回上一层)