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

Flutter-Web打包后上线白屏

news 2026/1/31 6:58:22

问题描述

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

Spring Boot 实现流式响应（兼容 2.7.x）

在实际开发中，我们可能会遇到一些流式数据处理的场景，比如接收来自上游接口的 Server-Sent Events（SSE） 或流式 JSON 内容，并将其原样中转给前端页面或客户端。这种情况下，传统的 RestTemplate 缓存机制会…...

编程新知 2025/8/11 8:18:44

FastAPI 教程：从入门到实践

FastAPI 是一个现代、快速（高性能）的 Web 框架，用于构建 API，支持 Python 3.6。它基于标准 Python 类型提示，易于学习且功能强大。以下是一个完整的 FastAPI 入门教程，涵盖从环境搭建到创建并运行一个简单的…...

编程新知 2025/10/16 7:51:26

sqlserver 根据指定字符解析拼接字符串

DECLARE LotNo NVARCHAR(50)A,B,C DECLARE xml XML ( SELECT <x> REPLACE(LotNo, ,, </x><x>) </x> ) DECLARE ErrorCode NVARCHAR(50) -- 提取 XML 中的值 SELECT value x.value(., VARCHAR(MAX))…...

编程新知 2025/10/29 4:33:03

【RockeMQ】第2节｜RocketMQ快速实战以及核⼼概念详解（二）

升级Dledger高可用集群一、主从架构的不足与Dledger的定位主从架构缺陷数据备份依赖Slave节点，但无自动故障转移能力，Master宕机后需人工切换，期间消息可能无法读取。Slave仅存储数据，无法主动升级为Master响应请求&#xff…...

编程新知 2025/9/2 3:37:40

【碎碎念】宝可梦 Mesh GO : 基于MESH网络的口袋妖怪宝可梦GO游戏自组网系统

目录游戏说明《宝可梦 Mesh GO》 —— 局域宝可梦探索Pokmon GO 类游戏核心理念应用场景Mesh 特性宝可梦玩法融合设计游戏构想要素1. 地图探索（基于物理空间广播范围）2. 野生宝可梦生成与广播3. 对战系统4. 道具与通信5. 延伸玩法安全性设计技术选…...

编程新知 2025/12/12 6:01:17

Java多线程实现之Thread类深度解析

Java多线程实现之Thread类深度解析一、多线程基础概念1.1 什么是线程1.2 多线程的优势1.3 Java多线程模型二、Thread类的基本结构与构造函数2.1 Thread类的继承关系2.2 构造函数三、创建和启动线程3.1 继承Thread类创建线程3.2 实现Runnable接口创建线程四、Thread类的核心…...

编程新知 2025/8/28 21:52:02

Device Mapper 机制

Device Mapper 机制详解 Device Mapper（简称 DM）是 Linux 内核中的一套通用块设备映射框架，为 LVM、加密磁盘、RAID 等提供底层支持。本文将详细介绍 Device Mapper 的原理、实现、内核配置、常用工具、操作测试流程，并配以详细的…...

编程新知 2025/12/14 13:11:33

稳定币的深度剖析与展望

一、引言在当今数字化浪潮席卷全球的时代，加密货币作为一种新兴的金融现象，正以前所未有的速度改变着我们对传统货币和金融体系的认知。然而，加密货币市场的高度波动性却成为了其广泛应用和普及的一大障碍。在这样的背景下，稳定…...

编程新知 2025/10/24 12:31:26

AI，如何重构理解、匹配与决策？

AI 时代，我们如何理解消费？ 作者｜王彬封面｜Unplash 人们通过信息理解世界。曾几何时，PC 与移动互联网重塑了人们的购物路径：信息变得唾手可得，商品决策变得高度依赖内容。但 AI 时代的来…...

编程新知 2026/1/30 2:33:11

Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？

Redis 的发布订阅（Pub/Sub）模式与专业的 MQ（Message Queue）如 Kafka、RabbitMQ 进行比较，核心的权衡点在于：简单与速度 vs. 可靠与功能。下面我们详细展开对比。 Redis Pub/Sub 的核心特点它是一个发后…...

编程新知 2025/12/4 2:32:37