基于域的Angular 2路由行为

时间:2017-07-11 06:58:07

标签: angular proxy routing content-management-system

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

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

  1. www.wuhuuu.com(完整网址指向)
  2. www.awesomeapp.com/ yaboo (我们的网址+ / ClientID 3)
  3. bamboo.awesomeapp.com(指向我们的子域名)
  4. 如何告诉我的角度应用访问哪些域名,以便我可以呈现特定视图?

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

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

1 个答案:

答案 0 :(得分:-1)

如果我正确理解您的问题,那么在角度应用中为相应的域创建多个路由以加载组件/模块,反过来它的视图就足够了。

示例: Angular App的URL =“www.xyz.com”

您的角度应用程序将具有以下路线:

{ 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 }

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

域内部指向托管角度应用的服务器

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

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

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

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

以上实现基于组件以角度分离域,通过将它们分离为模块

可以使其更好

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