前后端交互中的绝对路径和相对路径

前端

 <form action="hello" method="post">

1. 不加斜杠

（相对路径，如 action="hello"）

• 解析规则 ：基于当前页面的 URL 路径部分 进行拼接。

  假设当前页面 URL 是 http://域名:端口/应用上下文/xxx.html（例如 http://localhost:8080/test/page.html），则：

  • 浏览器会将 hello 拼接到 当前路径的最后一级目录后。
  • 若当前路径是 /test/（比如页面是 /test/index.html，其路径部分为 /test/），则 action="hello" 解析为 http://域名:端口/test/hello。
  • 若当前路径是 /test/sub/（页面是 /test/sub/page.html），则解析为 http://域名:端口/test/sub/hello。

• 特点 ：继承当前页面的路径前缀 （包括应用上下文、子目录等），适用于 同应用内的路径跳转 （比如后端接口在应用上下文内，如 /test/hello）。

2. 加斜杠

（根路径，如 action="/hello"）

• 解析规则 ：从 域名的根路径 开始拼接（忽略当前页面的路径前缀）。

  无论当前页面 URL 是什么（比如 http://localhost:8080/test/page.html 或 http://localhost:8080/other/page.html），action="/hello" 都会解析为 http://域名:端口/hello（直接指向根路径下的 hello，与当前页面的路径无关）。

• 特点 ：强制从根开始 ，适用于 跨应用或根路径下的接口 （若后端接口确实在根路径，如 /hello，但实际开发中较少见，因为 Web 应用通常有上下文路径）。

举例对比

（假设应用上下文是 /test，当前页面是 /test/index.html）：

• 不加斜杠 ：action="hello" → 解析为 http://localhost:8080/test/hello（带应用上下文，正确访问应用内的接口）。
• 加斜杠 ：action="/hello" → 解析为 http://localhost:8080/hello（不带应用上下文，若后端接口不在根路径，会 404 错误）。

总结：

• 不加斜杠 ：跟着当前页面的路径走（适合应用内的相对路径，自动带上应用上下文）。
• 加斜杠 ：直接从根开始（适合根路径下的绝对路径，与当前页面路径无关）。

后端

@WebServlet("/hello")

后端 Servlet 路径

（@WebServlet("/hello")）

• 路径含义 ：

  该 Servlet 映射到 应用上下文内的 /hello 路径 。假设应用上下文是 /test（如之前配置的 Context path），则：

  • 访问 URL 为 http://域名:端口/应用上下文/hello（例如 http://localhost:8080/test/hello）。
  • 映射规则 ：Servlet 路径是 相对于应用上下文的根 （即 /test 是应用上下文，Servlet 路径 /hello 直接跟在后面，形成 /test/hello）。

• 为什么必须加斜杠？

  Servlet 规范规定，映射路径 必须以斜杠开头 （表示从应用上下文的根开始），否则编译器会报错（如 @WebServlet("hello") 是非法的，无法启动 Tomcat）。这是后端代码的 语法强制要求，和前端路径的解析逻辑不同。