为什么将“/”附加到 base-href 就不需要部署 url?
Why appending "/" to base-href removes the need of deploy url?
我的 angular 应用程序与 java 应用程序捆绑和部署在一起。 Angular AOT 构建放在文件夹 WebContent/app
.
在进行 AOT 构建时,
- 如果我指定
--base-href /app
,我在加载 index.html 后得到 404。在这种情况下,我必须在构建过程中添加 --deploy-url /app/
,以使应用程序正常工作。
- 但是,如果我指定
--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的基数。
所以进入我的问题
- 当使用
<base href="/app">
时,浏览器将 href
视为文件而不是目录。所以基础 URL 不会被添加到相对 URLs.
- 当使用
<base href="/app/">
时,浏览器将其视为一个目录,所有相关的 URL 都将以基 URL. 为前缀
更多可以查到here and here
我的 angular 应用程序与 java 应用程序捆绑和部署在一起。 Angular AOT 构建放在文件夹 WebContent/app
.
在进行 AOT 构建时,
- 如果我指定
--base-href /app
,我在加载 index.html 后得到 404。在这种情况下,我必须在构建过程中添加--deploy-url /app/
,以使应用程序正常工作。 - 但是,如果我指定
--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的基数。
所以进入我的问题
- 当使用
<base href="/app">
时,浏览器将href
视为文件而不是目录。所以基础 URL 不会被添加到相对 URLs. - 当使用
<base href="/app/">
时,浏览器将其视为一个目录,所有相关的 URL 都将以基 URL. 为前缀
更多可以查到here and here