Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js MERN:多个独立的react应用程序,不涉及web包详细信息_Node.js_Mern_Entry Point - Fatal编程技术网

Node.js MERN:多个独立的react应用程序,不涉及web包详细信息

Node.js MERN:多个独立的react应用程序,不涉及web包详细信息,node.js,mern,entry-point,Node.js,Mern,Entry Point,在我的MERN中,我有一个主要的HTML、EJS模板和JS代码。认证后的用户可以选择几个产品,每个产品都是由create react app开发的,并且每个产品都有自己的版本 假设我有两个带有自己捆绑包的react应用程序。因此,在使用请求基于链接选择一个产品(例如:mydomain.com/prod1)之后,应该使用第一个react产品构建。对于第二个产品(例如:mydomain.com/prod2),应该使用第二个react构建,依此类推 我不知道我怎么能那样做 目前,对于一个产品,我可以制

在我的MERN中,我有一个主要的HTML、EJS模板和JS代码。认证后的用户可以选择几个产品,每个产品都是由create react app开发的,并且每个产品都有自己的版本

假设我有两个带有自己捆绑包的react应用程序。因此,在使用请求基于链接选择一个产品(例如:mydomain.com/prod1)之后,应该使用第一个react产品构建。对于第二个产品(例如:mydomain.com/prod2),应该使用第二个react构建,依此类推

我不知道我怎么能那样做

目前,对于一个产品,我可以制作捆绑包,并基本上在为第一个产品加载构建的节点中使用以下代码。显然,如果我有更多的产品,那么我不知道节点如何理解应该向客户机提供哪个文件夹

app.use(express.static(__dirname+'/prod1/build/');

谢谢

你想构建一个微前端应用程序,我认为你可以这样做的一种方法是,在主模板中提供一个框架中构建的react应用程序,比如在两个页面中插入一个iframe,然后单击prod1->你会得到html prod1,其中注入一个iframe,其中包含prod-1 react页面,这样你就可以在主模板中共享这两个应用程序同样的模板,你可以添加很多优化,我甚至可能会建议主应用程序也应该是react应用程序,这样你就可以对它有更多的控制。这里有一个解释这个概念的回购链接,你可以查看谷歌关于微前端的更多信息。它很简单,但同时也很复杂。谢谢,但我无法将主应用程序更改为react应用程序。它有很多ejs模板,我不知道如何以一种简单的方式移动它来做出反应。我正在寻找一些其他类型的解决方案,而不是我从未使用过的iframe(页面大小的东西,等等)的东西。也许这应该是一个简单的方法来解决这个问题,但它对我来说是隐藏的,因为我在react方面也是新手。根据我的经验,注射iframe是更简单的路线,或者你可以直接为react构建服务,但我认为,由于你的react应用程序在构建时没有考虑到ssr,路由将给你带来一个问题。谢谢Chamsddine,我看到的一个解决方案是深入到Webpack设置中,告诉客户基本上需要根据请求将哪些功能和组件发送到客户端,但我无法深入到这些设置中