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  
相关推荐
ujainu2 分钟前
Flutter实战避坑指南:从架构设计到性能优化的全链路方案
flutter
解局易否结局26 分钟前
Flutter:跨平台开发的“效率与体验”双优解
flutter
永远都不秃头的程序员(互关)1 小时前
鸿蒙Electron平台:Flutter技术深度解读及学习笔记
笔记·学习·flutter
tangweiguo030519871 小时前
Riverpod 2.x 完全指南:从 StateNotifierProvider 到现代状态管理
flutter
Bryce李小白1 小时前
深入理解Flutter渲染管线概念
flutter
tangweiguo030519872 小时前
Flutter Navigator 2.0 + Riverpod 完整路由管理方案
flutter
小白|2 小时前
集成 OpenHarmony Push Kit 到 Flutter:打造跨端统一推送能力的实战指南
flutter
小白|2 小时前
OpenHarmony + Flutter 混合开发深度实践:构建支持国密算法(SM2/SM3/SM4)与安全存储的金融级应用
算法·安全·flutter
500842 小时前
鸿蒙 Flutter 接入鸿蒙系统能力:通知(本地 / 推送)与后台任务
java·flutter·华为·性能优化·架构
帅气马战的账号2 小时前
开源鸿蒙Flutter原生增强组件:7类高频场景解决方案,极致轻量+深度适配
flutter