如何加入React应用和Express应用?

时间:2018-08-03 16:10:53

标签: node.js reactjs express

我有一个带有这些目录的react app:

-node_modules
-public
-src

当我运行它(npm start)时,它将开始! 另一方面,我有一些nodejs database config fileserver.js我不知道将它们放在哪里。

此外,我想知道如何同时启动两个应用程序以及通常如何合并这两个应用程序?

我对这两个应用都是新手。谢谢。

1 个答案:

答案 0 :(得分:2)

您试图理解的概念可能是关于两个应用程序的。第一个称为后端server.js)。第二个是前端(反应式应用)。通常,您将单独运行它们(选中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文件加载的网页以及所有应用程序。

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

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