如何在 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

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

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

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

---

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