在 heroku 上部署全栈应用程序时遇到问题

Question

我已经使用 react js 和 node js 以及 express 和 MongoDB 制作了一个全栈应用程序，但是我在部署时遇到了一点困难我第一次尝试部署前端，但是当我收到无效的主机头时我尝试在 Heroku 中进行部署，它已经过测试并且在开发环境中运行良好。

但我的应用程序也有两个单独的 git 存储库，一个用于后端，一个用于前端，我见过的每个部署教程都将客户端与服务器放在同一文件夹中。

谁能告诉我如何部署或指出如何部署的正确方向。

Answer 1

你必须为 React/Express/Node/MongoDB 做的是，

1. 首先使用“npm run build”构建您的前端应用程序。这将在您的应用文件夹下创建一个构建文件夹。
2. 将“build”文件夹移动到后端应用文件夹。
3. 更新您的后端应用以使用“app.use(express.static('build'))”。

然后你可以将你的代码推送到 git 和 Heroku 并尝试部署它。

Heroku 网站上应该有一些教程可用。