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

Flutter-Web打包后上线白屏

news 2026/5/23 3:45:30

问题描述

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

Keil MDK构建时间戳记录方案与实现

1. 项目概述：Keil MDK构建时间戳记录方案在嵌入式开发中，项目构建（Project Build）的时间管理是个容易被忽视却至关重要的细节。当我们需要调试复杂工程时，准确记录构建开始时间可以帮助我们同步调试日志；而…...

编程新知 2026/5/23 3:23:35

解决Keil MDK中Arm Compiler V6.6.1许可错误

1. 问题现象解析当你在Keil MDK-Plus或Essential版本中尝试使用Arm Compiler V6.6.1 Long Term Maintenance（长期维护版）编译项目时，会遇到以下错误提示：ARMClang.exe: error: CT.CompilerEM66 is not available with the current…...

编程新知 2026/5/23 3:15:30

魔兽争霸III终极优化指南：让你的经典游戏在现代系统上焕发新生

魔兽争霸III终极优化指南：让你的经典游戏在现代系统上焕发新生【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper 还在为魔兽争霸III在Window…...

编程新知 2026/5/23 1:28:31

MyBatis-Plus持久层框架应用技术研究

在Web应用系统开发过程中，数据持久层承担着数据库交互、数据读写、数据统计、条件查询的核心作用，持久层框架的性能与便捷性直接决定项目开发效率与系统运行稳定性。传统MyBatis框架虽能够实现数据库增删改查操作，但存在代码冗余、重复代码多…...

编程新知 2026/5/23 0:44:21

为什么92%的NotebookLM项目在第3轮迭代后风格失控？——基于17个真实客户日志的归因分析与防御协议

更多请点击： https://intelliparadigm.com 第一章：为什么92%的NotebookLM项目在第3轮迭代后风格失控？——基于17个真实客户日志的归因分析与防御协议在对17个企业级NotebookLM部署案例进行全链路日志回溯后，我们发现一个高度一致…...

编程新知 2026/5/22 22:39:20

【Elasticsearch从入门到精通】第06篇：Elasticsearch重要系统参数设置——防止启动检查失败

上一篇【第05篇】Elasticsearch配置详解——config.yml核心配置项全解析下一篇【第07篇】Elasticsearch集群安全配置摘要将Elasticsearch部署到生产环境时，操作系统层面的参数配置往往是被忽视的关键环节。ES通过Bootstrap Checks机制在启动时强制检测这些参数&…...

编程新知 2026/5/22 22:33:05

什么是电子铅封管理系统APP 有那些功能

电子铅封管理系统APP，简单来说，就是用手机App来管理和操作电子铅封的移动端软件。一、传统铅封 vs 电子铅封对比项传统铅封（塑料封/钢丝封）电子铅封防伪性易仿制，肉眼难辨真假全球唯一芯片ID，无法复制追溯能…...

编程新知 2026/5/22 21:55:21

为OpenClaw智能体工作流配置稳定可靠的大模型后端

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度为OpenClaw智能体工作流配置稳定可靠的大模型后端在构建基于OpenClaw的自动化工作流时，一个稳定、可管理的大模型后端…...

编程新知 2026/5/22 21:24:33

曼德勃罗集的 Three.js 实现

效果预览经典的曼德勃罗集（Mandelbrot Set）分形渲染，配合动态缩放动画探索分形边界的无限细节。使用线性插值平滑着色，呈现出彩虹般的色彩过渡。 👉 点击查看《曼德勃罗集的》完整源码与效果演示 Shader 实现原理…...

编程新知 2026/5/22 20:06:34

旅游数据|基于Java+vue的旅游数据分享系统(源码+数据库+文档)

旅游数据分享系统目录基于SprinBootvue的旅游数据分享系统一、前言二、系统设计三、系统功能设计 5.1系统功能实现 5.2管理员模块实现四、数据库设计五、核心代码六、论文参考七、最新计算机毕设选题推荐八、源码获取： 博主介绍：…...

编程新知 2026/5/22 18:27:06