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  
相关推荐
周胡杰6 小时前
鸿蒙接入flutter环境变量配置windows-命令行或者手动配置-到项目的创建-运行demo项目
javascript·windows·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
程序猿阿伟9 小时前
《React Native与Flutter:社交应用中用户行为分析与埋点统计的深度剖析》
flutter·react native·react.js
肥肥呀呀呀19 小时前
在Flutter上如何实现按钮的拖拽效果
前端·javascript·flutter
WDeLiang1 天前
Flutter - UIKit开发相关指南 - 导航
flutter·ios·dart
程序猿阿伟1 天前
《Flutter社交应用暗黑奥秘:模式适配与色彩的艺术》
前端·flutter
融云2 天前
集成指南:如何采用融云 Flutter IMKit 实现双端丝滑社交体验
flutter
EndingCoder2 天前
跨平台移动开发框架React Native和Flutter性能对比
flutter·react native·react.js
Double Point2 天前
`RotationTransition` 是 Flutter 中的一个动画组件,用于实现旋转动画效果
flutter
亚洲小炫风2 天前
flutter 项目工程文件夹组织结构
flutter·flutter工程结构
Double Point2 天前
Flutter 中 vsync
flutter