如何在netlify中部署多个React应用程序

Question

我正在尝试在同一网址上的 netlify 中部署多个 React 应用程序。

例如：

主要的反应应用程序存在于

https://example.netlify.app

另一个反应应用程序存在于

https://example.netlify.app/app-one

https://example.netlify.app/app-two

上的另一个反应应用程序

netlify 应用程序以 github 存储库为基础来部署网站。

如何使用相同的存储库或单独的应用程序存储库并将其部署在相同的 netlify url 上？

Answer 1

只需3步即可完成。

1. 制作这样的结构。

   • 根
     • 应用一
       • （应用程序一文件和文件夹）
     • 应用程序二
       • （app-两个文件和文件夹）
     • 主应用程序
       • （主要应用程序文件和文件夹）

2. 在

   root

   目录中创建

   netlify.toml

   文件。

   像下面一样编辑它。

   [[重定向]] 来自 =“/app-one/*” 到=“/app-one/index.html” 状态 = 200

   [[重定向]] 来自 =“/app-two/*” 到=“/app-two/index.html” 状态 = 200

   [[重定向]] 来自=“/*” 到=“/main-app/index.html” 状态 = 200

   [构建] command = "npm run build" // 这是基于你的构建脚本 publish = "main-app/build" // 这是基于你的构建输出目录

3. 在 Netlify 上部署： 对于每个应用程序，在 Netlify 上创建一个单独的站点。 将每个站点链接到其各自的文件夹（例如，应用程序一、应用程序二、主应用程序）。 部署每个站点。 现在，您可以使用指定的路径访问您的应用程序：

   https://example.netlify.app/app-one

   https://example.netlify.app/app-two

   https://example.netlify.app