执行flutter build web后如何在本地运行Flutter Web构建产物？

Flutter Web构建完成的产物是静态资源，不能直接双击打开build/web/index.html访问，必须部署在本地HTTP服务上，以下是几种常用的快速启动方式：

方法1：使用Python内置的HTTP服务（无需额外安装依赖，Python环境默认自带） #

• 如果你使用Python 3，进入build/web目录后执行：
  python3 -m http.server 8000
• 如果你使用Python 2，进入目录后执行：
  python -m SimpleHTTPServer 8000
  启动后在浏览器访问http://localhost:8000即可访问项目。

方法2：使用Node.js的http-server包 #

如果设备已经安装了Node.js环境，可以用http-server工具快速启动服务：

• 全局安装http-server：npm install -g http-server
• 进入build/web目录后执行：http-server -p 8000
• 浏览器打开http://localhost:8000访问即可。

方法3：使用PHP内置服务 #

如果有PHP运行环境，进入build/web目录后直接执行：
php -S localhost:8000
访问对应地址即可正常加载项目。

注意事项 #

• 端口号8000可以替换为任意未被占用的端口
• 如果构建时指定了--base-href参数，访问路径需要和base-href配置保持一致
• 不要直接双击打开index.html，会因为CORS策略、相对路径加载问题导致页面空白或资源加载失败

内容的提问来源于stack exchange，提问作者Anurag kanakapalli