如何在同一个Heroku应用程序上部署Front＆Back node.js？

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

1. cd应用程序&& npm install＆npm start
2. cd api && npm install＆npm启动

我基本上启动了前端（应用程序）和后端（API）。 我想在Heroku上部署它，但是要使用免费计划。

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

非常感谢！

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

无论使用哪种前端框架，请确保将构建文件保存在服务器静态目录中。 然后进行路由以加载构建文件（大多数情况下为index.html）。

您的步骤可能是

• 首先，构建可用于生产环境的前端（在大多数情况下，它将在分发目录中生成index.html）。
• 将分发目录放在服务器的公共目录或静态目录中。
• 使服务器端的路由和服务器中的静态文件（主要是index.html）

• 现在您可以开始使用了，将节点服务器放入heroku。

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

  app.get（“ *”，（req，res）=> {res.sendFile（“ static index.html文件路径”）;}）

如何在同一个Heroku应用程序上部署Front＆Back node.js？

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

1. cd应用程序&& npm install＆npm start
2. cd api && npm install＆npm启动

我基本上启动了前端（应用程序）和后端（API）。 我想在Heroku上部署它，但是要使用免费计划。

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

非常感谢！

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

无论使用哪种前端框架，请确保将构建文件保存在服务器静态目录中。 然后进行路由以加载构建文件（大多数情况下为index.html）。

您的步骤可能是

• 首先，构建可用于生产环境的前端（在大多数情况下，它将在分发目录中生成index.html）。
• 将分发目录放在服务器的公共目录或静态目录中。
• 使服务器端的路由和服务器中的静态文件（主要是index.html）

• 现在您可以开始使用了，将节点服务器放入heroku。

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

  app.get（“ *”，（req，res）=> {res.sendFile（“ static index.html文件路径”）;}）