当前位置：首页 > news >正文

Flutter-Web打包后上线白屏

news 2026/4/1 10:57:38

问题描述

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

相关文章：

Flutter-Web打包后上线白屏

问题描述 Flutter上线后进行测试发现界面白屏，打开开发者模式查看网络发现加载main.js文件404 问题原因我上线的地址是https://xxx:8091/homedots,但是我打包后的index文件中的baseUrl是"/",将地址改成”/homedots/"，注意homedots后面…...

编程日记 2024/12/3 23:09:21

解决linux访问huggingface的问题（操作记录）

目录一、clash软件（linux）的下载二、clash软件（linux）的使用三、linux命令行访问huggingface 1、问题分析 2、设置命令行代理四、补充（windows的linux虚拟机） 五、参考链接一、clash软件&#…...

编程日记 2024/12/3 23:07:19

Android Studio 右侧Gradle窗口只有test的task问题解决

目录运行环境问题现象解决方案1、打开Settings设置界面2、设置选项3、重启Android Studio4、重新Sync工程运行环境 Android Studio Giraffe | 2022.3.1 Patch 3 Android SDK 33 Gradle 8.0.1 JDK 17 问题现象 Android Studio右侧Gradle窗口下只有test的task，其他…...

编程日记 2024/12/3 23:06:18

Spring AOP 的实现和切点表达式的介绍

1. 快速入手 AOP：就是面相切面编程，切面指的就是某一类特定的问题，也可以理解为面相特定方法编程，例如之前使用的拦截器，就是 AOP 思想的一种应用，统一数据返回格式和统一异常处理也是 AOP 思想的实现方式…...

编程日记 2024/12/3 23:05:16

【赛博保安】安全日记之常用术语(一)

"企业的信息安全治理水平，直接取决于安全团队人员的技术专业度，而非运营经验值。所谓的技术，并非指渗透和挖洞的能力，而是指软件开发、IT 架构、网络拓扑相关的知识和经验。站在乙方的角度来看，技术薄弱的安全人…...

编程日记 2024/12/3 23:03:12

C++ 中的 string 类：全面解析与应用实践（上）

🤖🌟 欢迎降临张有志的未来科技实验室🤖🌟 专栏：C 👨‍💻👩‍💻 先赞后看，已成习惯👨‍💻👩‍💻…...

编程日记 2024/12/3 23:01:10

量化交易系统开发-实时行情自动化交易-8.7.文华平台

19年创业做过一年的量化交易但没有成功，作为交易系统的开发人员积累了一些经验，最近想重新研究交易系统，一边整理一边写出来一些思考供大家参考，也希望跟做量化的朋友有更多的交流和合作。接下来会对于文华平台介绍。文华财经…...

编程日记 2024/12/3 23:00:08

美畅物联丨如何通过 FFmpeg 解码视频

FFmpeg是一款功能强大、在多媒体处理领域广泛应用的开源工具。它可以处理多种音频和视频格式，包含编码、解码、转码、流媒体处理等众多功能。前两天，我们在《美畅物联丨如何通过FFmpeg排查视频问题》一文中介绍了借助FFmpeg程序来辅助判断视频播放异常的…...

编程日记 2024/12/3 22:59:07

机器学习任务功略

loss如果大，训练资料没有学好，此时有两个可能： 1.model bias太过简单（找不到loss低的function）。解决办法：增加输入的feacture，设一个更大的model，也可以用deep learning增加弹性…...

编程日记 2024/12/3 22:57:05

Web Worker 和 WebSocket的区别

Web Worker（消息传递机制） 定义：是为了在浏览器中提供多线程支持，允许 JavaScript 在后台线程运行，而不阻塞主线程。它非常适合执行耗时的计算任务或处理大量数据，避免主线程（通常是 UI 线程&a…...

编程日记 2024/12/3 22:56:04

JMeter实时性能压测可视化系统整合

一、相关工具简介： JMeter、Grafana 和 InfluxDB 结合实时地收集、分析和展示性能测试数据，进行更好地理解系统的性能表现，及时发现潜在问题并进行优化。 1，JMeter 实时生成性能数据，并将其发送到 InfluxDB 进行存储。2，InfluxDB 存储的数据。3，通过Grafana的仪表板，用…...

编程日记 2024/12/3 22:55:03

无限加载和懒加载及路由滚动及路由滚动不生效

这里写目录标题列表无限加载懒加载定制路由滚动使用scrollBehavior不起效不管用的原因使用scrollTo来实现路由滚动elMain && elMain.scrollTo(...) 的作用是： 无限加载和懒加载的区别列表无限加载无限加载功能在现代网页和移动应用中广泛应用&#xff0…...

编程日记 2024/12/3 22:52:57

CSS底层基础：小白速来

1. CSS简介 CSS (Cascading Style Sheets) 是一种用来描述HTML或XML文档样式的语言。它使得开发者能够控制网页的布局和外观，包括字体、颜色、间距等。CSS通过选择器来指定要应用样式的元素，并定义这些元素的具体样式属性。基本结构示例： …...

编程日记 2024/12/3 22:51:56

【MySQL 进阶之路】索引概述

第06章_索引 1.什么是索引索引是存储引擎用于快速找到数据记录的一种数据结构，就好比一本教科书的目录部分，通过目录中找到对应文章的页码，便可快速定位到需要的文章。MySQL中也是一样的道理，进行数据查找时，首先查…...

编程日记 2024/12/3 22:48:54

【C++boost::asio网络编程】有关异步读写api的笔记

异步读写api 异步写操作async_write_someasync_send 异步读操作async_read_someasync_receive 定义一个Session类，主要是为了服务端专门为客户端服务创建的管理类 class Session { public:Session(std::shared_ptr<asio::ip::tcp::socket> socket);void Conn…...

编程日记 2024/12/3 22:47:53

Elasticsearch 的存储与查询

Elasticsearch 的存储与查询在搜索系统领域，数据的存储与查询是两个最基础且至关重要的环节。Elasticsearch(ES) 在这两方面进行了深度优化，使其在关系型数据库或非关系型数据库中脱颖而出，成为搜索系统的首选。映射 (Mapping) 映射 (Ma…...

编程日记 2024/12/3 22:46:51

008静态路由-特定主机路由

按照如上配置，用192.168.0.1 电脑ping 192.168.1.1 发现能够ping通用192.168.0.1 电脑ping 192.168.2.1 发现不能ping通这是因为192.168.0.1 和 192.168.1.1 使用的是同一个路由器R1。 192.168.0.1 和 192.168.2.1 通信需要先经过R1，再经过R2 &#xf…...

编程日记 2024/12/3 22:42:46

SystemUI 下拉框 Build 版本信息去掉

需求及场景去掉SystemUI 下拉框 Build 版本信息如下图所示：去掉 12 （SP1A.201812.016) 了解去掉之前我们先了解它是个什么东西:其实就是一个Build RTM 信息显示 Android_12_build_SP1A.210812.016 修改文件 /frameworks/base/packages/Syste…...

编程日记 2024/12/3 22:40:42

【JS】栈内存、堆内存、事件机制区别、深拷贝、浅拷贝

js中，内存主要分为两种类型：栈内存（stack）、堆内存（heap），两种内存区域在存储和管理数据时有各自的特点和用途。栈内存访问顺序栈是先进后出、后进先出的数据结构，栈内存是内存用…...

编程日记 2024/12/3 22:35:36

如何确保Java爬虫获得1688商品详情数据的准确性

在数字化商业时代，数据的价值日益凸显，尤其是对于电商平台而言。1688作为中国领先的B2B电子商务平台，提供了海量的商品数据接口，这些数据对于市场分析、库存管理、价格策略制定等商业活动至关重要。本文将详细介绍如何使用Java编写…...

编程日记 2024/12/3 22:34:34

自动驾驶RL微调实战：如何用MotionLM提升模型可靠性（附Waymo数据集配置）

自动驾驶RL微调实战：如何用MotionLM提升模型可靠性（附Waymo数据集配置） 在自动驾驶技术快速迭代的今天，强化学习（RL）微调已成为提升模型可靠性的关键手段。不同于传统模仿学习（IL）的…...

编程新知 2026/4/1 10:26:59

RobotStudio机器人轨迹规划：从工件坐标到流畅路径的实战指南

1. 工件坐标系的创建与校准在RobotStudio中规划机器人轨迹的第一步，就是建立准确的工件坐标系。这就像盖房子前要先打好地基，坐标系就是机器人运动的"地基"。我见过不少新手直接开始示教点位，结果发现机器人总是跑偏，就…...

编程新知 2026/4/1 10:00:28

Chandra AI企业知识管理方案：文档智能检索与摘要生成

Chandra AI企业知识管理方案：文档智能检索与摘要生成 1. 引言企业每天都在产生海量文档——合同、报告、PPT、技术文档...这些宝贵的知识资产往往散落在各处，查找困难，利用率低。传统的关键词搜索就像在黑暗中摸索，找到的文档可…...

编程新知 2026/4/1 9:42:07

突破4大技术壁垒！MediaPipe TouchDesigner让实时视觉交互创作效率提升300%

突破4大技术壁垒！MediaPipe TouchDesigner让实时视觉交互创作效率提升300% 【免费下载链接】mediapipe-touchdesigner GPU Accelerated MediaPipe Plugin for TouchDesigner 项目地址: https://gitcode.com/gh_mirrors/me/mediapipe-touchdesigner 核心价值&…...

编程新知 2026/4/1 9:15:41

WarcraftHelper：让魔兽争霸3重获新生的兼容性增强工具

WarcraftHelper：让魔兽争霸3重获新生的兼容性增强工具【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper 你是否曾在现代电脑上尝试重温魔兽争…...

编程新知 2026/4/1 8:22:17

GLM-4.1V-9B-Base保姆级教学：Web界面截图+问题输入框最佳实践

GLM-4.1V-9B-Base保姆级教学：Web界面截图问题输入框最佳实践 1. 认识GLM-4.1V-9B-Base GLM-4.1V-9B-Base是智谱开源的视觉多模态理解模型，专门用于处理图像内容识别、场景描述、目标问答和中文视觉理解任务。这个模型已经完成了Web化封装，可…...

编程新知 2026/4/1 8:14:08

鱼鱼刘怀旧手游|武林外传十年之约：同福灯火未熄，江湖老友归来

鱼鱼刘怀旧手游是国内人气老牌怀旧游戏专属平台，汇聚多款经典正版授权复刻手游，严格遵循端游原版设定匠心 1:1 还原复刻。本次特意为广大新手玩家准备了详细游戏攻略指南 ——岁月辗转，一晃十年。当年七侠镇的青石板还留着脚步，同…...

编程新知 2026/4/1 7:04:41

从零到一：LRFormer (TPAMI 2025) 实战部署与避坑指南

1. 为什么选择LRFormer？ 最近在复现TPAMI 2025上的LRFormer模型时，我发现这个基于局部-全局关系建模的视觉Transformer确实有不少亮点。相比传统CNN模型，它在处理长距离依赖关系时表现更出色，特别是在细粒度图像分类任务上&#x…...

编程新知 2026/4/1 5:35:01

突发！国行苹果 AI 凌晨偷跑又紧急下线

3 月 31 日凌晨，大量升级 iOS 26.4 的国行 iPhone 16 及后续机型用户，突然发现设置里 “Siri” 变成 “Apple 智能与 Siri”，可下载 9.5GB 本地 AI 模型，解锁实时翻译、视觉智能、照片消除等全套功能。不过这场“惊喜”仅持续了数…...

编程新知 2026/4/1 4:54:25

SEO 页面优化平台如何分析竞争对手的优化情况

SEO 页面优化平台如何分析竞争对手的优化情况在当前竞争激烈的互联网环境中，SEO（搜索引擎优化）已经成为每个网站的生存和发展的关键。而在这其中，SEO 页面优化平台的角色尤为重要。通过对竞争对手的优化情况进行深入分析&#x…...

编程新知 2026/4/1 4:34:08