Flutter-Web打包后上线白屏

问题描述

Flutter上线后进行测试发现界面白屏,打开开发者模式查看网络发现加载main.js文件404

问题原因

我上线的地址是https://xxx:8091/homedots,但是我打包后的index文件中的baseUrl是"/",将地址改成"/homedots/",注意homedots后面还有一个反斜杠

解决办法

打包时使用--base-href配置基础路径

复制代码
flutter build web --web-renderer canvaskit  --base-href /homedots/ --no-tree-shake-icons --no-tree-shake-icons  
相关推荐
书弋江山2 小时前
flutter 跨平台编码库 protobuf 工具使用
android·flutter
程序员老刘·2 小时前
Flutter 3.35 更新要点解析
flutter·ai编程·跨平台开发·客户端开发
tangweiguo030519872 小时前
Flutter vs Android:页面生命周期对比详解
flutter
tangweiguo030519872 小时前
Flutter网络请求实战:Retrofit+Dio完美解决方案
flutter
来来走走5 小时前
Flutter开发 webview_flutter的基本使用
android·flutter
落魄的Android开发6 小时前
Flutter以模块化适配 HarmonyOS方案的实现步骤
flutter
tangweiguo030519877 小时前
Flutter GetX 全面指南:状态管理、路由与依赖注入的最佳实践
flutter
来来走走11 小时前
Flutter Form组件的基本使用
android·flutter
fouryears_234171 天前
Flutter InheritedWidget 详解:从生命周期到数据流动的完整解析
开发语言·flutter·客户端·dart
LinXunFeng1 天前
Flutter - 详情页 TabBar 与模块联动?秒了!
前端·flutter·开源