Node.js React js：在单页应用程序中呈现多索引html_Node.js_Reactjs_Nodes_E Commerce

Node.js React js：在单页应用程序中呈现多索引html

node.js reactjs e-commerce

Node.js React js：在单页应用程序中呈现多索引html,node.js,reactjs,nodes,e-commerce,Node.js,Reactjs,Nodes,E Commerce,我正在React和Node.js中开发一个电子商务网站。我面临以下两个问题我有两个不同的主.html文件用于管理端和前端。因此，我使用内置的React管理模板，在项目开始时加载index.html。我的问题是如何为前端设计加载另一个master.html 我想使用Node.js作为后端。因此，我无法将node.js与React前端或管理端集成，如果React应用程序运行，它们将运行任何建议或解决方案步骤都将受到高度赞赏。以下是第一个想法的基本概念： const AdminIndexPage

我正在React和Node.js中开发一个电子商务网站。我面临以下两个问题

我有两个不同的主

.html

文件用于管理端和前端。因此，我使用内置的React管理模板，在项目开始时加载

index.html

。我的问题是如何为前端设计加载另一个master

.html

我想使用Node.js作为后端。因此，我无法将node.js与React前端或管理端集成，如果React应用程序运行，它们将运行

任何建议或解决方案步骤都将受到高度赞赏。

以下是第一个想法的基本概念：

const AdminIndexPage = children => (<section className="AdminIndexPage">{children}</section>)

const PublicIndexPage = children => (<section className="PublicIndexPage">{children}</section>

const App = props => {
    if(props.indexPageToShow === 'admin'){ 
        return <AdminIndexPage {...props} />
    }else{
        return <PublicIndexPage {...props} />
    }
}

将一个更高级别的索引页作为顶层，并将当前的两个“顶层”页转换为该页的子级。您也可以在index.html页中使用单独的div作为ReactDOM.render目标，每个页1个。@DovRine感谢您的响应，有任何示例或示例代码吗？顺便说一句，如果使用docker或虚拟机，则可以运行多个节点服务器。否，我想使用不同的脚本以两种不同的html呈现组件。在两个不同的项目中具有不同web根的子域？我想我不明白你想做什么。事实上，我将有两个不同的html模板，具有不同的设计，一个用于管理仪表板，另一个用于前端仪表板。将有两种不同设计的html，但到目前为止，我知道react可以将任何组件加载到单个html模板中。因此我面临着这个问题。我的想法2解决了你的问题ossue@DovRine看来我也遇到了同样的问题，现在才看到这篇文章。在我深入讨论这个问题之前，我只是想知道使用您的第二个解决方案是否是解决这个问题的最佳实践。我需要一个管理面板，并将使用管理员模板。我只是不想在剩下的前端单页中使用与管理相关的CSS和脚本。

<html>
<head>
    <script src="index.js"></script>
</head>
<body>
      <div id="AdminPageIndex"></div>
      <div id="PublicPageIndex"></div>
</body>
</html>

import {AdminPageIndex, PublicPageIndex} from './pages'

ReactDOM.render(AdminPageIndex, document.getElementById('AdminPageIndex'))

ReactDOM.render(PublicPageIndex, document.getElementById('PublicPageIndex'))