flutter - 子文件夹中的 Flutter Web 应用程序只是返回到根页面

Question

我在 suragch.dev 有一个 Flutter 投资组合应用程序，然后在一个apps子文件夹中有几个其他 Web 应用程序。但是，当我推送更改并尝试访问子文件夹中的新 Flutter 应用程序时

https://suragch.dev/apps/mongoleditor/

它返回到 Flutter 根页面。过去我没有这个问题。事实上，apps 文件夹中的另一个 Flutter 应用运行良好：

https://suragch.dev/apps/mongolcode/

我该如何解决？

我找到了答案，并将在下面添加。

标签： flutterdartflutter-web

Answer 1

现在，当您构建一个不是从根目录提供服务的 Flutter Web 应用程序时，您需要更改应用程序的index.html文件中的基础。该文件的注释中对此进行了描述：

如果您在根目录以外的路径中提供 Web 应用程序，请更改下面的 href 值以反映您提供服务的基本路径。

下面提供的路径必须以斜杠“/”开头和结尾才能正常工作。

更多细节：

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

所以只要改变这个：

<base href="/">

对此：

<base href="https://suragch.dev/apps/mongoleditor/">