node.js - 如何加入 React 应用程序和 Express 应用程序？

Question

我有一个包含这些目录的 react 应用程序:

-node_modules
-public
-src

当我运行它(npm start)时，它将启动!另一方面，我有一些 nodejs 数据库配置文件 和 server.js，我不知道将它们放在哪里。

此外，我想知道如何一起启动这两个应用程序以及通常如何合并这两个应用程序？

顺便说一句，我对这两个应用程序都是新手。谢谢。

Answer 1

您想要理解的概念可能与两个应用程序有关。第一个称为后端 (server.js)。第二个是前端( react 应用程序)。通常，您将单独运行它们(检查 this tutorial )。我们假设:

• 后端将在端口 5000 上启动并提供 API。
• 前端将提供页面(HTML + Javascript)并可能在端口 3000 上运行

因此，您需要打开两个终端(或 Windows 上的提示)并启动 2 个进程:

终端 1 - 后端

node server.js

终端 2 - 前端

yarn dev

在这种情况下，您可以直接向调用后端的 API(后端)发出 HTTP 请求。例如:http://localhost:5000/api/something

如果您点击http://localhost:3000您应该看到您的网页由index.html 文件和所有反应应用程序加载。

前端只是在客户端浏览器上运行的用户界面。因此它必须向后端发出请求以实际保存和加载数据(数据库所在的位置)。

也可以使用后端来提供前端文件，但似乎您现在需要的概念是前端和后端的分离。