代码之家  ›  专栏  ›  技术社区  ›  Afsanefda

如何加入react应用程序和express应用程序?

  •  1
  • Afsanefda  · 技术社区  · 6 年前

    我有一个包含以下目录的react应用程序:

    -node_modules
    -public
    -src
    

    当我运行它时( npm start )就要开始了! 另一方面我有一些 nodejs database config file server.js 我不知道把它们放在哪里。

    此外,我想知道如何启动两个应用程序在一起,通常如何合并这两个应用程序?

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

    1 回复  |  直到 6 年前
        1
  •  2
  •   Marcio Jasinski    6 年前

    可能您试图理解的概念是关于两个应用程序。第一个叫做 后端 ( 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文件和所有react应用程序加载的网页。

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

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