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

Question

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

- user2662882

Answer 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不会生效。

更多信息请查看此文档。

- jitender

---

谢谢您提供的信息。不过，我想问一下，我该如何在生产环境中运行它，并从ng build进行构建？ - BBaysinger

这取决于您在后端使用的技术栈。您可以用Angular Index HTML替换索引视图，也可以使用Nginx作为代理服务器，将API请求重定向到您想要的端口。 - jitender