问使用一个Angular 7应用程序的多个域和子域

EN

我有一个想法的网站，我想建立自己。我一直在阅读文档、文章和教程。但是我不能完全找到我需要的答案。

情况：

我在AWS Lightsail上有一个项目(包括: Angular 7，Node，MongoDB，Nginx，Express)。我有多个带有动态子域名的域名，用于区分客户/品牌员工的信息。多个域是它的一部分，以使其更容易导航和通信。

例如：

client1.domain1.com/some/info/
client1.domain2.com/some/info/
..etc.

设置：

我已经通过Nginx配置了子域和域名，使其可以与通配符子域以及声明的子域和域名一起工作。动态子域配置如下：

server {
  listen 80;
  listen [::]:80;
  server_name ~^((?<sub>.*)\.)(?<domain>[^.]+)\.com$;
  root /opt/bitnami/nginx/html/$domain/$sub;
  try_files $uri $uri/ /index.html$is_args$args;
}

它的输出是这个目录：

/opt/bitnami/nginx/html/domain1/client1/ 

(client1只是用来测试的。在理想情况下，它不是一个目录。此外，domain1 & client1应该只作为域&子域本身出现在url中。而不是作为目录)

思想：

理想情况下，它应该是一个系统，其中每个域都指向，并且内容根据域名和客户端进行区分。我考虑了以下几点：

• 在每个域上都有一个单独的应用程序。但这将提供大量重复的代码和维护/执行更改的工作。
• 的每个域都有一个组件。但我不知道如何使路由工作。
• 在一个项目中有多个应用程序。但Angular使用JavaScript将所有内容部署在一个HTML文件中。如何使路由在那里工作？
• 等

但似乎没有一个像我想象的那样有效。我如何让它正常工作呢？我如何才能以有效、可扩展和安全的方式使用多个域为应用程序提供服务？