angular - 子文件夹路由问题中的 Angular 应用程序

Question

这是一个有点奇怪的情况，但我们必须如下构建两个 Angular 应用程序。

App1 是位于根目录的主要 Angular 应用程序，而其他 Angular 应用程序位于子文件夹中。

• http://www.example.com - App1
• http://www.example.com/subfolder - App2

除了 App2 中的路由之外，一切都运行良好，因为它被主应用程序中的路由配置覆盖。

我可以使用下面的命令来构建/部署，并且似乎正在为 App2（子文件夹）工作

ng build --prod --base-href /subfolder/ --deploy-url /subfolder/

App1 配置为将未知路由重定向到 404 页面，如下所示

{ path: '**', redirectTo: '/404' }

如果我在 App2 上刷新页面的问题。它被重定向到 App1 中定义的 404 页面。例如。http://www.example.com/subfolder/route1

如何告诉 App1 中的 Angular 忽略下面的任何内容subfolder并在 App2 中使用它自己的角度路线？

标签： angularangular-routing

Answer 1

我在一个项目中遇到了同样的问题，并通过使用<a href=""></a>而不是routerLink在项目之间路由来处理这个问题。

另一种方法是使用 Angular 工作区将所有项目合并为一个。