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  
相关推荐
一个假的前端男7 小时前
windows flutter 适配鸿蒙
windows·flutter·harmonyos
SoaringHeart17 小时前
Flutter进阶|源码修改:DecorationImage 添加网络图片占位图
前端·flutter
jingling55518 小时前
Flutter | 商城项目鸿蒙(OpenHarmony)适配实战
android·开发语言·前端·flutter·华为·harmonyos
韩曙亮18 小时前
【Flutter】Dart 单例 ( 单例模式核心规则 | 饿汉式单例 | 懒汉式单例 | 极简空安全 懒汉式单例 | 工厂构造函数单例 )
flutter·单例模式·dart·饿汉式单例·懒汉式单例·空安全·空赋值
核电机组18 小时前
flutter集成到Android混合开发
android·flutter
2501_9197490318 小时前
鸿蒙 Flutter 实战:package_info_plus 10.1.0 适配 3.27-ohos 全流程
flutter·华为·harmonyos
恋猫de小郭19 小时前
Android 17 内存管理将严格管控,App 要注意适配
android·前端·flutter
G_dou_19 小时前
Flutter三方库适配OpenHarmony【password_generator】密码生成器项目完整实战
flutter·harmonyos
爱学习的程序媛20 小时前
Flutter 深度解析:从技术内核到名企实践
前端·flutter·前端框架