Flutter Web 打包指南
// 如果你的Flutter版本低于2.0，请先升级Flutter版本 // 创建一个web文件夹来存放web相关的资源 flutter create . // 使用HTML渲染器打包，该渲染器提供的打开速度最快，并且具有良好的浏览器兼容性（例如IE, Chrome, Safari等） flutter build web --web-renderer html // 使用默认设置进行打包，提供的打开速度为一般，但依然保持良好的浏览器兼容性 flutter build web // 使用CanvasKit渲染器进行打包，虽然打开速度是最慢的，但依然具有良好的浏览器兼容性 flutter build web --web-renderer canvaskit
常见问题及解决方法
// 问题1: 打开index.html时，页面显示为空白 // 这是一个正常现象。Flutter Web的行为不同于传统的前端web开发，它不支持直接点击index.html文件进行访问。 // 你必须将其部署到一个服务器容器中，例如tomcat。 // 问题2: 尽管已经部署到tomcat，但通过浏览器打开仍然是空白页面 // 这通常是因为文件路径引用不正确所致。有两种解决方法： // 方法1: 修改index.html中的<base href="/">为<base href=""> 用编辑器打开index.html,能看到源文件,把<base href="/">,改成<base href=""> // 方法2: 将<base href="/">修改为你的服务器路径 // 例如：<base href="http://192.168.1.80:3350/web/"> 用编辑器打开index.html,能看到源文件,把<base href="/">,改成<base href="http://192.168.1.80:3350/web/">