Flutter web base href 子文件夹

Question

我正在尝试部署到 IIS。不在根目录中，而是在子文件夹中。这是有效的：

编辑 web/index.html，将 <base href="/"> 更改为 <base href="/ChangeTag/">
运行 flutter 构建 web 命令
构建/web/index.html 没问题，有新的变化。

完美！

但是，当我尝试使用本地主机进行调试时：找不到网页 - 错误 404

我想要的是（自动）部署，在 wwwroot 的子文件夹中并执行本地测试，无需多次修改 index.html

是否可以像 Angular 那样做一些事情，使用代理，使用不同的构建配置等？

谢谢

Answer 1

我在将 flutter 和 dart 升级到当前版本（测试版）后遇到了类似的问题，我的意思是它在调试模式下很好，但在构建版本上不起作用。我做了什么？我刚刚在 index.html 文件（位于 <your_app_folder_name>/web 文件夹内）评论了这一行 <base href="/"> 并且两者（调试和发布版本）都恢复正常工作。

我改行评论了

<base href="/">

至

<!-- <base href="/"> -->

进行更改并：尝试运行一个flutter build web命令，将位于<your_app_folder_name>/build/路径的生成的web文件夹复制到任何子文件夹（例如<your_websrv_root>/webtestfolder)，它将在您浏览器的地址 http://webtestfolder 上工作。

Answer 2

答案在网络文件夹的 index.html 文件中（不是 /build/web）

<!DOCTYPE html>
<html>
<head>
  <!--
    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.

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

  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">

Flutter web base href 子文件夹

Flutter web base href subfolder

flutter

iis

href

base