同一域但路径不同的不同单页应用程序答案

【问题标题】：Different single page applications on same domain but different paths同一域但路径不同的不同单页应用程序
【发布时间】：2019-09-18 11:30:18
【问题描述】：

我有两个单页应用程序 video 和 messages 并试图在同一个域上发布它们 chat.example.com，但路径不同。例如 chat.example.com/video 加载视频 spa 和 chat.example.com/messages 加载消息水疗中心。

我已经尝试通过检查路径然后动态加载捆绑的 javaScript 来使用 react 路由器来执行此操作

什么是最好的解决方案？

目前使用render.com静态站点

【问题讨论】：

video 和 messages 是两个独立的项目，对吧？
是的，两个完全独立的项目

标签： reactjs dns react-router single-page-application

【解决方案1】：

如果您有 2 个不同的项目，您只需在 www 文件夹中的域主机中创建 2 个单独的文件夹并在每个文件夹中复制您的每个应用程序，您可以使用您的文件夹名称在网络中调用它们例如

www.example.com/folder1 www.example.com/folder2

但如果您在一个应用中有 2 个页面，您应该使用路由器，请从此处查看文档react router dom

然后在一个应用程序中，您可以使用不同的 URL 路径访问不同的页面

希望你能明白

更新：如果您的主机没有 www 文件夹，则它必须有一个类似的文件夹，您可以在其中复制项目文件

【讨论】：

我目前没有 www 文件夹，因为我正在使用 render.com 网络服务。在我的例子中，他们从发布目录进行 git 克隆、构建和服务 dist
好吧，如果你按照我的指示，它会为你工作，只需创建 2 个单独的文件夹并将每个项目复制到每个文件夹中