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

Flutter-Web打包后上线白屏

news 2026/4/1 12:13:59

问题描述

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类&#xff0c;主要是为了服务端专门为客户端服务创建的管理类 class Session { public:Session(std::shared_ptr<asio::ip::tcp::socket> socket);void Conn…...

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

Elasticsearch 的存储与查询

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

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

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

按照如上配置&#xff0c;用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&#xff0c;再经过R2 &#xf…...

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

SystemUI 下拉框 Build 版本信息去掉

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

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

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

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

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

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

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

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

掌握 Skills 技术引爆 Agent 开发！像装 App 一样让 AI 变“超人”！

本文介绍了 AI Skills 的概念&#xff0c;将其描述为可像人类一样动态加载和使用的“能力模块”&#xff0c;用于解决传统 Agent 开发的痛点&#xff0c;如重复造轮子、能力边界模糊和难以规模化。文章详细阐述了 Skills 的核心特征&#xff08;模块化、可组合、热插拔、标准化…...

编程新知 2026/4/1 11:45:45

Linux 调度器中的限流机制：throttled 标志的触发与解除

一、简介在实时系统和云计算环境中&#xff0c;资源隔离与公平分配是 Linux 内核调度的核心挑战。当多个任务共享 CPU 资源时&#xff0c;某些恶意或失控的任务可能耗尽全部 CPU 时间&#xff0c;导致关键任务饥饿&#xff08;Starvation&#xff09;。为此&#xff0c;Linux 内…...

编程新知 2026/4/1 11:27:39

OpenWRT路由器如何用Zerotier实现异地组网？保姆级配置教程（含防火墙规则详解）

OpenWRT路由器通过Zerotier构建安全异地内网的完整实践指南 异地办公已成为现代企业的常态&#xff0c;而如何安全高效地访问公司内网资源则是技术人员面临的现实挑战。传统VPN方案往往配置复杂且性能受限&#xff0c;而基于P2P技术的Zerotier配合OpenWRT路由器&#xff0c;能够…...

编程新知 2026/4/1 10:55:13

终极CPU稳定性测试指南：CoreCycler单核心轮询测试完全教程

终极CPU稳定性测试指南&#xff1a;CoreCycler单核心轮询测试完全教程 【免费下载链接】corecycler Script to test single core stability, e.g. for PBO & Curve Optimizer on AMD Ryzen or overclocking/undervolting on Intel processors 项目地址: https://gitcode.…...

编程新知 2026/4/1 10:43:09

16-bit像素UI有多酷？Pixel Epic智识终端交互设计与视觉效果展示

16-bit像素UI有多酷&#xff1f;Pixel Epic智识终端交互设计与视觉效果展示 1. 像素史诗&#xff1a;当科研遇上复古游戏 在数字世界的某个角落&#xff0c;一款名为Pixel Epic的智识终端正在重新定义AI工具的交互体验。这不是普通的报告生成器&#xff0c;而是一场将严肃科研…...

编程新知 2026/4/1 8:53:12

火影迷的AI绘画神器：忍者绘卷Z-Image Turbo零基础入门实战

火影迷的AI绘画神器&#xff1a;忍者绘卷Z-Image Turbo零基础入门实战 1. 前言&#xff1a;当火影忍者遇上AI绘画 作为一名火影迷&#xff0c;你是否曾经幻想过自己也能创造出独特的忍者世界角色&#xff1f;现在&#xff0c;借助"忍者绘卷Z-Image Turbo"这款专为火…...

编程新知 2026/4/1 7:53:51

从Android大神到AI先锋！10年程序员血泪转型路，AI工程师高薪秘诀全公开！

一眨眼&#xff0c;我已经工作 10 年了。 在 2022 年以前&#xff0c;我一直相信&#xff0c;在这个行业里&#xff0c;只要技术栈钻得深&#xff0c;比如精通三方框架、熟悉 Android Framework、搞定性能优化&#xff0c;就能端稳饭碗。 但从 2023 年开始&#xff0c;一切都变…...

编程新知 2026/4/1 6:11:23

Asian Beauty Z-Image Turbo基础教程：如何修改默认提示词实现‘旗袍少女’‘水墨仕女’风格

Asian Beauty Z-Image Turbo基础教程&#xff1a;如何修改默认提示词实现‘旗袍少女’‘水墨仕女’风格 想用AI画出充满东方韵味的“旗袍少女”或“水墨仕女”&#xff0c;但试了很多模型&#xff0c;出来的效果总是不对味&#xff1f;要么人物五官太西化&#xff0c;要么画面…...

编程新知 2026/4/1 5:08:52

Wan2.2-I2V-A14B私有部署镜像优势：零依赖冲突、开箱即用、免编译安装

Wan2.2-I2V-A14B私有部署镜像优势&#xff1a;零依赖冲突、开箱即用、免编译安装 1. 镜像核心价值与定位 Wan2.2-I2V-A14B私有部署镜像是专为文生视频场景打造的一站式解决方案。这个镜像最大的特点就是解决了AI模型部署中最让人头疼的环境配置问题&#xff0c;真正做到下载即…...

编程新知 2026/4/1 4:52:24

Vision Transformer在timm中的实现与优化

Vision Transformer在timm中的实现与优化 【免费下载链接】pytorch-image-models The largest collection of PyTorch image encoders / backbones. Including train, eval, inference, export scripts, and pretrained weights -- ResNet, ResNeXT, EfficientNet, NFNet, Visi…...

编程新知 2026/4/1 4:48:23