当我在 Github 上托管 flutter web 应用程序时没有任何显示

Question

我想问一下我如何在 Github 上托管我的 flutter web 应用程序，我做了所有的方法来做到这一点，但没有显示我按照这个视频中的说明操作 https://www.youtube.com/watch?v=8hrJ4oN1u_8&list=WL&index=93&t=1s

如您所见

，推到 github 一切顺利

这是一个简单的页面，一个简单的静态网页，我不知道哪里错了，这是我在 github

上的 repo 的图片

这里 link github 提供了我 https://sunaarun.github.io/demo-hc/

我试图编辑 link 去显示 index.html

https://sunaarun.github.io/demo-hc/web/index.html#/

但没有显示

谁能帮我解决这个问题

Answer 1

在你的 flutter-web 应用中 index.html 中有一行需要知道部署的外部路径，默认为 /。在将其提交给 github 之前，您需要修复它。它在 index.html 中被描述为：

  <!--
    If you are serving your web app in a path other than the root, change the
    href value below to reflect the base path you are serving from.

    The path provided below has to start and end with a slash "/" in order for
    it to work correctly.

    Fore more details:
    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
  -->
  <base href="/">

例如，我的一个网站已将其编辑为 <base href="/counter/">，并且效果很好。

当我在 Github 上托管 flutter web 应用程序时没有任何显示

Nothing appear when I host flutter web app on Github

git

github

github-pages

flutter

flutter-web