基于域的Angular 2路由行为

Question

我正在构建一个多级 CMS 并试图找出以下逻辑。

我将运行一个应用程序并有多个域指向它。它可以是带有客户端 ID 的绝对路径或相对路径，例如这些类型的域可以指向：

1. www.wuhuuu.com（完整的 URL 指向）
2. www.awesomeapp.com/yaboo（我们的网址 + /ClientID 3）
3. bamboo.awesomeapp.com（指向我们的子域）

如何告诉我的 Angular 应用正在访问哪个域，以便我可以呈现特定视图？

我发现您可以通过 resetConfig 从数据库传递路由。

router.resetConfig([
 { path: 'team/:id', component: TeamCmp, children: [
   { path: 'simple', component: SimpleCmp },
   { path: 'user/:name', component: UserCmp }
 ] }
]);

Answer 1

如果我正确理解您的问题，那么为您的 Angular 应用程序中的各个域创建多个路由以加载组件/模块，进而其视图就足够了。

示例： Angular 应用的 URL = "www.xyz.com"

您的 Angular 应用程序将具有以下路线：

{ path: 'domain1', component: Domain1Component, children: DOMAIN1_ROUTES }

{ path: 'domain2', component: Domain2Component, children: DOMAIN2_ROUTES }

{ path: 'domain3', component: Domain3Component, children: DOMAIN3_ROUTES }

{ path: 'domain4', component: Domain4Component, children: DOMAIN4_ROUTES }

您的域名将指向以下网址：

域在内部指向托管 Angular 应用程序的服务器

Domain 1 ----- > www.xyz.com/domain1

Domain 2 ----- > www.xyz.com/domain2

Domain 3 ----- > www.xyz.com/domain3

Domain 4 ----- > www.xyz.com/domain4

上面的实现基于组件以角度分离域，通过将它们分离为模块可以做得更好

如果这个答案还不够，请告诉我，我会编辑。