让我的 React 应用程序与服务器一起工作

Question

我有一个问题，对我在互联网上找到的文章感到困惑。 我有一个部署在开发服务器上的反应应用程序。我想创建一个管理部分，管理员可以将内容推送到数据库中。 React App 将从数据库中获取内容并渲染它。

在开发之后，我想把它上传到主机上，这样互联网上的用户就可以访问和使用它。我了解服务器如何处理来自故障项目的 post\get 请求。

在 React.Js 上编写，使用 express.js 的服务器

那么谁能给我解释一下：

1. 服务器如何发送 React 应用程序？我是否应该使用#root div 发送简单的 index.html 并且整个网站都可以运行？
2. 我对手工制作的服务器和 API 与托管有何不同感到有些困惑？如何连接后端与主机？
3. 在 VSCode 中是否可以从 Node.js 的服务器显示一个 react 应用程序？ - 在故障上我可以 sendfile index.html 带有简单的请求，我看到了登录页面。

所以理论上我应该有可能通过Node.js/Express.js的服务器发送静态文件？

您能否向我解释这些问题，或者提供一些解释的资源？目前我正在观看 Youtube 和 Google，但我不清楚如何将其与我的项目联系起来。

Answer 1

1. 差不多。如果你使用create-react-app 构建你的 React 前端，构建结果文件夹将包含所有需要的静态文件（HTML、CSS、JS、图像、字体...）。然后，您可以让您的 Express 应用将其作为静态数据提供。

2. “托管”是一个模糊的术语...不，您不能将 Express/Node.js 应用程序上传到某些 PHP 网络酒店并期望它能够正常工作。您需要一个以应用程序托管为中心的提供商/PaaS，例如 Heroku。

3. 在本地开发 react + 后端应用程序时，您需要运行后端服务器，前端开发服务器为您的前端提供服务，并配置为将所有 API 请求代理到后端服务器 (like this, via the Create-React-App docs)。