java - 为什么将 "/"附加到 base-href 就不需要部署 url？

Question

我的 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 末尾添加“/”会造成所有这些差异？
有人可以解释这种行为，因为我无法在文档上找到任何内容吗？

提前致谢。

Answer 1

经过一番挖掘，我找到了答案。它与 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 不会添加到相对 URL 之前。
2. 何时<base href="/app/">使用时，浏览器将其视为目录，所有相关 URL 都将以基本 URL 为前缀。

更多可以查到here和 here