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

How can I host two Flutter web apps on GitHub pages?

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

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

换句话说,我可以将一个 flutter web 应用程序发布到 GitHub 个页面,我可以将多个网站发布到 GitHub 个页面。

但是当我尝试发布第二个 Flutter 网络应用程序时,遵循与简单 HTML 站点相同的过程,甚至从 GitHub 获取消息(带有绿色复选标记)告诉我我的网站已发布,显示的只是我的根 github.io 网站。当我输入 URL 时,我看到正确的页面标题短暂闪烁,但随后根站点立即加载。 (我遇到的问题与 this post 中描述的问题大致相同。)

如果您需要在非根位置托管 Flutter 网络应用程序,您需要按照 instructions 进行操作:

Update the <base href="/"> tag in web/index.html to the path where your app is hosted. For example, to host your Flutter app at myapp.dev/flutter_app, change this tag to <base href="/flutter_app/">.

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


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