如何从同一项目文件夹部署ReactJS前端和NodeJS / Express后端？

Question

GitHub存储库：https://github.com/byeung2019/MIQSTechnologies

嗨，

这是我第一次在网上部署网站，所以我对从哪里开始感到困惑和焦虑。

我的前端使用ReactJS构建，而我的后端使用NodeJS / Express / GraphQL从外部API（CryptoCompare）获取数据。

我的网站在本地工作。

我的前端和后端每个都有其自己的唯一package.json和.env文件，并具有各自的依赖性和dev依赖性。

根据我的研究，建议使用Netlify托管前端，使用Heroku托管后端。

但是，由于这是我的第一次部署，因此我对以下内容感到困惑：

1. 如何从相同项目文件夹中分别部署前端和后端，并且它们分别具有自己的package.json文件。

2. 我需要在index.js文件夹中的backend中重写代码，以便将我的frontend GraphQL请求连接到后端。

非常感谢您！

Answer 1

首先，这是一个复杂的问题，无法提供确切的答案，您必须在Google上学习一些知识。但这是一个高层次的想法。

使用react或angularjs开发任何应用程序后，您可以按照构建说明进行构建。例如，它的角度为ng build --prod。然后，您只需要构建就可以部署，并且它不依赖于package.json

您必须按原样部署后端应用程序，并且可以遵循的选择很少，

• 使用像nginx这样的代理
• 将构建内容托管在节点后端

此处是有关如何使用Nginx托管Nodejs和angular的应用程序的指南 https://www.journaldev.com/27234/nginx-reverse-proxy-node-angular

希望你会明白的。