为什么将“/”附加到 base-href 就不需要部署 url?

Why appending "/" to base-href removes the need of deploy url?

我的 angular 应用程序与 java 应用程序捆绑和部署在一起。 Angular AOT 构建放在文件夹 WebContent/app.
在进行 AOT 构建时,

  1. 如果我指定 --base-href /app,我在加载 index.html 后得到 404。在这种情况下,我必须在构建过程中添加 --deploy-url /app/,以使应用程序正常工作。
  2. 但是,如果我指定 --base-href /app/,则脚本、样式和其他资源将得到正确提供。而且不需要指定 --deploy-url

我观察到的是,如果我不将“/”附加到 base-href,则发出的服务器请求使用的是上下文根 - http://localhost:9080/application-name/styles。 ***.css 并且当我附加“/”时,服务器上下文根附加了 app - http://localhost:9080/application-name/app/styles.***.css

为什么在 base-href 末尾添加“/”会造成所有这些差异?
有人可以解释这种行为吗,因为我在文档上找不到任何内容?

提前致谢。

经过一番挖掘,我找到了答案。它与 Angular 完全无关。

<base> 标签是 HTML 规范的一部分:Link

正如 MDN 文档所说,

The HTML < base> element specifies the base URL to use for all relative URLs in a document. There can be only one < base> element in a document.

用于指定相对URL的基数。
所以进入我的问题

  1. 当使用 <base href="/app"> 时,浏览器将 href 视为文件而不是目录。所以基础 URL 不会被添加到相对 URLs.
  2. 当使用 <base href="/app/"> 时,浏览器将其视为一个目录,所有相关的 URL 都将以基 URL.
  3. 为前缀

更多可以查到here and here