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  
相关推荐
AiFlutter4 小时前
二、页面布局(10):瀑布流布局
flutter·低代码·低代码平台·aiflutter·aiflutter 低代码·flutter低代码开发·低代码app开发
kirk_wang8 小时前
Flutter三方库在OHOS平台适配:firebase_messaging消息推送集成实践
flutter·移动开发·跨平台·arkts·鸿蒙
AiFlutter8 小时前
二、页面布局(09):流式布局
flutter·低代码·低代码平台·aiflutter·aiflutter低代码·低代码平台介绍
2501_9444460011 小时前
Flutter&OpenHarmony状态管理方案详解
开发语言·javascript·flutter
PWRJOY11 小时前
解决Flutter构建安卓项目卡在Flutter: Running Gradle task ‘assembleDebug‘...:替换国内 Maven 镜像
android·flutter·maven
名字被你们想完了14 小时前
Flutter 实现一个容器内部元素可平移、缩放和旋转等功能(十)
前端·flutter
消失的旧时光-194314 小时前
Flutter 网络层设计最佳实践(sealed + Result + Future)
flutter
走在路上的菜鸟14 小时前
Android学Dart学习笔记第二十七节 异步编程
android·笔记·学习·flutter
Qin_jiangshan16 小时前
flutter实现透明导航栏
前端·javascript·flutter
走在路上的菜鸟16 小时前
Android学Dart学习笔记第二十八节 Isolates
android·笔记·学习·flutter