Angular：处理两个以上项目的最佳方式（客户端+管理面板）答案

【问题标题】：Angular: best way to handle two+ projects (client + admin panels)Angular：处理两个以上项目的最佳方式（客户端+管理面板）
【发布时间】：2018-07-27 06:24:58
【问题描述】：

我有两个项目，它们都使用单独的 Angular cli 项目（顺便说一句：我使用 Angular 5.2.4）。

在服务器上是这样放置的：

/ /* 这里是客户端 Angular 项目构建 */
/admin /* 这里来自管理员角度项目构建 */

但是有一个问题：如果我首先访问我的根客户端网页 - 所有路由都已处理，因为它们在客户端根项目中，这是不正确的 => 所以我无法进入我的 /admin 项目。

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

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

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

【问题讨论】：

你在考虑 nginx/apache 的配置吗？
@JinsPeter nginx，其他机器上的iis...
什么？？为什么两者都有？？
@JinsPeter 一个用于开发，另一个用于生产 :)
您是在问这个关于 prod ryt 的问题？？我敢肯定你不会一起 ng-serving... 对。因为你有两个不同的 ngcli 项目.. 你使用哪个服务器进行生产

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

【解决方案1】：

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

所以，在你的 apache/nginx 配置文件中，放置

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

以下

/ {
   #config to direct to your website
}

试试这个并在下方评论

【讨论】：

【解决方案2】：

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

ng build --base-href=/admin/

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

【讨论】：