如何在 GitHub 页面上托管两个 Flutter Web 应用程序？

Question

我创建了一个 Flutter Web 应用程序并通过我的个人 github.io 存储库站点发布了它。此根站点按预期加载和运行。

我还创建了一个简单的 HTML/CSS/JavaScript 网站并将其推送到我的 github 上的存储库。我也发布了该网站，并且它按预期加载。 （我从存储库主页转到“设置”、“页面”，并通过为 Source 设置选择其主分支，将存储库启用为 GitHub Pages 站点。）

换句话说，我可以将 Flutter Web 应用程序发布到 GitHub Pages，并且我可以将多个网站发布到 GitHub Pages。

但是当我尝试发布第二个 Flutter Web 应用程序时，遵循与简单 HTML 站点相同的程序，甚至从 GitHub 收到消息（带有绿色复选标记）告诉我我的站点已发布，显示的只是我的根 github.io 站点。当我输入 URL 时，我看到正确的页面标题短暂闪烁，但根站点立即加载。 （我或多或少遇到了与 this post 中所述相同的问题。）

Answer 1

如果您需要在非根位置托管 Flutter Web 应用程序，则需要按照 instructions 进行操作：

<块引用>

将 web/index.html 中的 标签更新为 您的应用已托管。例如，要将您的 Flutter 应用程序托管在 myapp.dev/flutter_app，将此标签更改为。

您需要将基数更改为 <base href="/repo_name">。如果您还没有基本标签，请添加它。

---

如果您将基本标记设置为默认值 <base href="/">，您也可以删除它。