如何在angular2中使用子域路由?

时间:2016-12-01 10:27:19

标签: angular subdomain angular2-routing

我希望创建一个包含不同用户目标网页的Angular 2应用,例如' user1.example-domain.com'和' user2.example-domain.com'将有不同的和不相关的主页'。

我的问题:

  1. 我怎么能用Angular 2来做呢?
  2. 如何在本地计算机上测试?是" user1.localhost:port"足够?
  3. 我尝试过像这样使用静态路由:

     {path: 'test.localhost:4200/generic-link1', component: GenericLink1Component}
    

    我已经看到它在滚筒中完成我知道它可以完成。

1 个答案:

答案 0 :(得分:5)

这可以轻松完成,但不适用于Angular(或任何其他JavaScript路由器)。路由到子域需要服务器提供帮助。您需要将user1user2设置为子域,然后在默认文档中根据您的规则路由到这两个域。

您的Angular应用程序将驻留在任一地址,因此http://user1.example.com/index.html处有一个,http://user2.example.com处有另一个。{它也可以是同一个应用程序。

对于全角色解决方案,您只需将方案更改为使用http://example.com/user1

还有一个原因可以解释为什么后一种URL方案对您来说更好。如果您是自托管的,则可以根据自己的内容创建子域。但是,如果您使用的是共享托管,则很可能会限制您可以使用的子域数量 - 可能只有两个。