Node.js 将expressjs添加到自定义reactjs应用程序_Node.js_Reactjs_Express

Node.js 将expressjs添加到自定义reactjs应用程序

node.js reactjs express

Node.js 将expressjs添加到自定义reactjs应用程序,node.js,reactjs,express,Node.js,Reactjs,Express,我从第三方供应商那里购买了一个预构建的模板，它是一个大而复杂的JS应用程序。现在，我需要使用express.js向它添加一些后端功能。我不知道如何更改该应用程序我的reactjs应用程序的结构如下所示： /node_modules /public /src package.json 它是一个simpem react应用程序和israt，具有由npm start命令启动的react脚本。react中的所有文件都是javascript文件，没有HTML文件。有人知道如何将ExpressJS后端添

我从第三方供应商那里购买了一个预构建的模板，它是一个大而复杂的JS应用程序。现在，我需要使用express.js向它添加一些后端功能。我不知道如何更改该应用程序

我的reactjs应用程序的结构如下所示：

/node_modules
/public
/src
package.json

它是一个simpem react应用程序和israt，具有由npm start命令启动的react脚本。react中的所有文件都是javascript文件，没有HTML文件。有人知道如何将ExpressJS后端添加到自定义reactjs应用程序的文章或指南吗？

您必须遵循关注点分离原则，分别创建节点（express）后端应用程序，react使用API与节点通信

否则，创建一个命名应用程序的新文件夹，在“服务器”和“客户端”中创建两个文件夹，在“客户端”中复制react应用程序文件夹，在“服务器”中复制节点应用程序，如下所示

/MyAPP
    /Client
        /node_modules
        /public
        /src
        package.json
    /Server
        /node_modules
        /src
        app.js
        package.json

您必须遵循关注点分离原则，分别创建节点（express）后端应用程序，并使用API与节点通信

/MyAPP
    /Client
        /node_modules
        /public
        /src
        package.json
    /Server
        /node_modules
        /src
        app.js
        package.json

TL；博士将两个应用程序分离到自己的git存储库中，并将它们作为单独的项目处理。将

dev server

添加到前端项目，并将所有API请求代理到后端项目

如今，大多数web应用程序都使用

反向代理

在同一个域上同时为前端和后端提供服务（每个应用程序都有自己的服务器）

这种模式也应该在您的开发环境中使用。幸运的是，我们做到了这一点（并且为当地发展提供了许多有用的技巧）

如何在代码中实现这一点：

为每个应用程序创建单独的项目（一个用于前端，一个用于后端）

将

dev server

添加到前端项目中，并为

/public

目录提供服务（此流程）

创建后端项目（暂时保持简单）

设置

dev server

将以

/api

开头的所有请求重定向到api服务器（此流程）