如何在我现有的单片NodeJS应用程序中嵌入新的ReactJS前端



场景是,我有一个现有的Node Js单片应用程序,带有简单的HTML(没有使用前端框架(。现在我已经用React JS创建了一个更好的前端,并希望在NODE JS APP中嵌入React JSBuild

APP-1:具有HTML(单片(的节点Js

APP-2:React JS前端(仅限UI,与作为后端的APP-1交互(

还有一个选项是在服务器上的不同实例上运行这两个应用程序,但这将花费大量费用。我想使用一个嵌入React Js的单个项目(实例(

我目前的做法非常糟糕:我在NODE JS应用程序中添加了构建文件夹,并在有人访问NodeApp.com/index.时创建了重定向到构建文件夹

缺点:当有人访问索引以外的路由时,即NodeApp.com/xyz这将转到HTML中的NodeApp旧UI。我无法手动重定向所有路线,因为它们大多是动态的。

最好的方法是什么?我应该从哪里开始?

@shehwar可以进行

  1. 为路由上的后端编写api,例如:/api
  2. 编写react应用程序
  3. 在您的应用程序中,从/api路由获取数据,以从后端获取数据
  4. 构建react应用程序以获取静态文件
  5. 将静态文件添加到节点服务器上的公用文件夹
  6. 并在//strong>路由上提供index.html文件
  7. 如果您的公用文件夹中有更多页面,则在//strong>路由上为公用文件夹提供服务

这是一篇文章,提供了更详细的解释

链接:如何在Node.js 中使用Express服务器渲染React应用程序

最新更新