Angular CLI ng 与 --base-href 一起使用 - 我不明白它的行为

Question

我是 Angular CLI 的新手。
我正在编写一个新的应用程序，在 index.html 中我插入 base href ,
例如 - <base href="/a/"> .

当我使用 ng serve然后转至 localhost:4200/a (甚至 localhost:4200 )我看到白屏，但是当我使用 ng serve --base-href /a/ 时我在 localhost:4200 中看到我的应用程序, 在 localhost:4200/a , 实际上在每个以 localhost:4200 开头的网址中例如 localhost:4200/aaaaaaa .

我不明白这种行为。

从文档中我了解到这个标志只是改变了 base href在 index html ，但我的 index.html 中已经有了这个基本的 href那么为什么我的应用程序不能仅用于 ng serve在 localhost:4200/a ?

为什么当我使用 ng serve --base-href /a/它不能仅在 localhost:4200/a 工作?我想念什么？
我真的很困惑。

谢谢!

Answer 1

--base-href 选项的作用是更改 index.html 中的值。这反过来定义了文档的基本 URI，并用于文档中的所有相对 URL。默认的基本 URI 是文档的位置(在本例中为 index.html)。

另请注意，从技术上讲，基本 href 也可以设置为绝对 URL。

还有 --deploy-url 选项，webpack 使用它来调整对其管理的 Assets 的所有请求。

您通常使用它来反向代理您的应用程序。