如何在同一主机上运行 Angular 2 客户端应用程序和 Node 服务器应用程序答案

【问题标题】：How to run Angular 2 client app and Node server app on the same host如何在同一主机上运行 Angular 2 客户端应用程序和 Node 服务器应用程序
【发布时间】：2018-03-28 16:35:33
【问题描述】：

我在 Angular 2 中构建了一个应用程序来从数据库中获取数据，并使用 node/express 从服务器获取数据并将其提供给 Angular 客户端。目前它们都在不同的本地主机上运行。如何将它们组合成一个项目并在同一主机上运行？

【问题讨论】：

标签： node.js angular express

【解决方案1】：

假设您的 express 站点在 localhost:3500 上运行，并且所有 api 调用都以 /api 开头

使用内容创建 proxy.conf.json

{
  "/api": {
    "target": "http://localhost:3500",
    "secure": false
  }
}

然后编辑package.json并将"start": "ng serve",更改为"start": "ng serve --proxy-config proxy.conf.json"

现在使用命令npm start 运行项目。注意：- ng serve 将不起作用

欲了解更多信息，请在此处找到documatation

【讨论】：

感谢您提供此信息。不过有一件事，我将如何在生产中运行它并从 ng build 构建？
这取决于您用于后端的技术堆栈。您可以用角度索引 html 替换索引视图，或者您也可以使用 nginx 代理服务器，可以将您的 api 请求重定向到端口你想要的。