node.js - 如何在同一个 Heroku 应用程序上部署前端和后端 Node.js？

Question

为了能够运行我的应用程序，我需要在 2 个不同的终端中运行这 2 个命令:

1. cd app && npm install & npm start
2. cd api && npm install & npm start

我基本上启动了前端(应用程序)和后端(api)。我想将其部署在 Heroku 上，但使用免费计划。

有办法做到这一点吗？我需要在根文件夹上创建 package.json 文件吗？如果是的话里面应该是什么？无论我写什么，它似乎都只在前面，而从不在后面。

非常感谢!

Answer 1

您需要构建前端，然后从服务器端提供服务。

无论您使用什么前端框架，请确保构建文件保存在服务器静态目录中。然后创建一个加载构建文件的路径(大多数情况下是index.html)。

您的步骤可能是

• 首先，构建生产就绪的前端(在大多数情况下，它将在分发目录中生成index.html)。
• 将分发目录放入您的服务器公共(public)或静态目录中。
• 在服务器端创建路由并服务器静态文件(主要是index.html)

• 现在你已经准备好了，将 Node 服务器放到heroku上。

  例如，您的最终路线可能是

  app.get("*", (req, res) => { res.sendFile("静态index.html文件路径");})