我有两个 Angular 应用程序abc.com ( main-app ) 和另一个xyz.com ( sub-app )，它们都在不同的 URL 上。
我需要一个功能，当用户点击abc.com/123时，（子应用程序）xyz.com的主页应该打开，然后我可以使用完整的（子应用程序）作为abc.com/123中的单个应用程序.
例如，我的（子应用程序）的路由名称为xyz.com/details ，然后用户在访问abc.com/123/details时应该能够看到该组件。
因此，这里abc.com/123需要与具有所有相似功能的域xyz.com一样工作（也许您可以这样认为，abc.com/123充当（main-app）abc.com的子域，但充当（子应用程序）xyz.com）的主域。
注意：
- 两个应用程序都在 AWS 上运行（S3 和 CloudFront）
- 要求站点在不同的服务器上运行，并且代码库也需要不同
- 我对abc.com使用 angular v11，对xyz.com使用v9
有什么办法可以在角度上实现这一点？请帮助，在此先感谢。