Angular:处理两个+项目的最佳方式(客户端+管理面板)

时间:2018-02-16 10:50:13

标签: javascript node.js angular angular-cli angular-routing

我有两个项目,它们都使用分离的角度cli项目(顺便说一句:我使用Angular 5.2.4)。

在服务器上放置如下:

  • / / *这里是客户角度项目构建* /
  • / admin / *在这里 管理角度项目构建* /

但是有一个问题:如果我首先访问我的根客户端网页 - 所有路由都会被处理,因为它们位于客户端根项目中,这是错误的=>所以我无法进入我的/ admin项目。

我的管理项目是使用--base-href选项

构建的

如何在同一个域中使用两个项目?根客户端项目将处理除/admin*/admin*之外的所有路由 - 仅管理路由。有可能吗?

我考虑过使用这个功能:https://github.com/angular/angular-cli/wiki/stories-multiple-apps - 但似乎不是我的情况。

2 个答案:

答案 0 :(得分:1)

我在nginx配置中处理了相同的用例,首先是/api,然后是/

因此,在您的apache / nginx conf文件中,放置

/admin {
    #config to direct to your admin website
}

及以下

/ {
   #config to direct to your website
}

试试这个并在下面发表评论

答案 1 :(得分:0)

使用以下CLI命令构建管理项目

ng build --base-href=/admin/

这会将index.html页面中的基本href更新为基础href="/admin/"