angular-cli - Angular 13 baseHref 不再有效

Question

我有一个大型 NX monorepo 项目，其中包含两个不同的应用程序和数百个库。其中一个应用程序是正在开发的主要应用程序，另一个是我们自己的内部 UI 组件库的小型 Playground 。

在 Angular 12 中，我可以同时为我的两个应用程序提供服务，并同时在浏览器中点击它们。主应用程序在“localhost”访问，playground 应用程序在 URL“localhost/component-guide”访问。 playground 应用程序的构建命令在 package.json 中指定的命令中使用了 --base-href=lib-playground。

现在我已经升级到 Angular 13，Angular CLI 删除了 --base-href 选项，所以我不能再在命令行上传递它。

我尝试在 angular.json 的构建器中以及在应用程序的 project.json 文件中使用 "baseHref": "lib-playground" - 这些选项都不起作用。

我可以理解 --base-href 需要从 CLI 中删除，但为什么没有直接替换来实现相同的功能？

我还尝试在 package.json 中使用 serve-path=lib-playground - 这似乎完全没有影响。

我在 Angular CLI 存储库中提出了一个问题，但它即将关闭，因为我没有指定最小复制，但没有最小复制，我的项目很大并且包含多个应用程序，它们都需要同时在浏览器中提供和访问。这不是一个简单的应用程序。

Answer 1

我们遇到了这样的事情。我们发现运行 update.angular.io 中指定的 ngx 升级命令实际上将 angular.json 中的 deployUrl 更改为 baseHref - 然而，这两个选项仍然有效。

我们通过在 angular.json 中将 deployUrl 设置为“pkg/wp”(与 outputPath 相同的位置)并将 baseHref 设置为“/”来解决该问题。这样做之后，一切都像从 Angular 10 升级到 Angular 13 之前一样工作。