解决vue3项目打包后部署后某些静态资源图片不加载问题
目录
问题
原因
解决方案
问题
开发完项目打包并部署
然后访问时发现导航栏背景图片没加载
打开浏览器控制台发现这张图片报错404
原因
可能是因为在部署后的服务器环境中对中文文件名的支持不完善。服务器在解析 URL 时可能无法正确识别或编码中文字符，导致无法正确找到文件路径。因此，改用英文文件名后，服务器能够正确解析和访问到文件，所以图片显示正常。
解决方案
将背景图片名称修改成英文
重新打包
正常显示了
相关文章：
解决vue3项目打包后部署后某些静态资源图片不加载问题
目录 问题 原因 解决方案 问题 开发完项目打包并部署 然后访问时发现导航栏背景图片没加载 打开浏览器控制台发现这张图片报错404 原因 可能是因为在部署后的服务器环境中对中文文件名的支持不完善。服务器在解析 URL 时可能无法正确识别或编码中文字符，导致无…...
传感网应用开发教程--AT指令访问新大陆云平台（ESP8266模块+物联网云+TCP）
实现目标 1、熟悉AT指令 2、熟悉新大陆云平台新建项目 3、具体目标：（1）注册新大陆云平台；（2）新建一个联网方案为WIFI的项目；（3）ESP8266模块，通过AT指令访问…...
项目提交到空的git仓库流程
流程： # 初始化 Git 仓库 git init # 如果遇到 "detected dubious ownership" 的错误，可以添加 safe.directory 配置以解决 git config --global --add safe.directory T:/project/xxx # 将当前目录下的所有文件添加到 Git 暂存区 git add . …...
【Python】在Windows Server上部署Flask后端服务器
想要在Windows Server上部署flask应用，当然不能只下一个anaconda配完环境之后直接启动py文件，这样的话后台会有一段警告： * Serving Flask app app* Debug mode: off WARNING: This is a development server. Do not use it in a production …...
机器学习作业4——朴素贝叶斯分类器
目录 一、理论 一个例子： 二、代码 对于代码的解释： 1.fit函数： 2.predict函数: 三、实验结果 原因分析： 一、理论 朴素贝叶斯分类器基于贝叶斯定理进行分类，通过后验概率来判断将新数据归为哪一类。通过利用贝…...
BUU-[GXYCTF2019]Ping Ping Ping
考察点 命令执行 题目 解题 简单测试 ?ip应该是一个提示，那么就测试一下?ip127.0.0.1 http://0c02a46a-5ac2-45f5-99da-3d1b0b951307.node4.buuoj.cn:81/?ip127.0.0.1发现正常回显 列出文件 那么猜测一下可能会有命令执行漏洞，测试?ip127.0.…...
代码随想录Day 41|Leetcode|Python|198.打家劫舍 ● 213.打家劫舍II ● 337.打家劫舍III
198.打家劫舍 你是一个专业的小偷，计划偷窃沿街的房屋。每间房内都藏有一定的现金，影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统，如果两间相邻的房屋在同一晚上被小偷闯入，系统会自动报警。 给定一个代表每个…...
【吴恩达机器学习-week2】多个变量的特征缩放和学习率问题
特征缩放和学习率（多变量） 目标 利用上一个实验中开发的多变量例程在具有多个特征的数据集上运行梯度下降探索学习率对梯度下降的影响通过 Z 分数归一化进行特征缩放，提高梯度下降的性能 import numpy as np np.set_printoptions(precisio…...
C#字符串的拼接
在C#中有多种拼接字符串的方式，今天小编就分享一些比较常用的。 方法1 string str "123"; str str "456"; 运行结果: "123456" 方法2 字符串与数字拼接 会将数字默认为字符串进行拼接 string str "123"; str str 1;…...
哈希表Hash table
哈希表是根据关键码的值而直接进行访问的数据结构。 数组就是⼀张哈希表。 哈希表中关键码就是数组的索引下标，然后通过下标直接访问数组中的元素，如下图所示： 那么哈希表能解决什么问题呢，一般哈希表都是用来快速判断⼀个元素是…...
jdk8新特性----Lambda表达式
一、介绍 1、简介 Java的Lambda表达式是Java 8引入的一个特性，它支持函数式编程，允许将函数作为方法的参数或返回值，从而简化了匿名内部类的使用，并提供了对并行编程的更好支持。 2、语法 Lambda表达式的使用前提是存在一…...
在STM32中用寄存器方式点亮流水灯
文章目录 实验资料一、对寄存器的理解1.通俗认识寄存器2.深入了解寄存器（1）端口配置低寄存器（配置0到7引脚的寄存器）（2）端口配置高寄存器（配置8到15引脚） 3.GPIO口的功能描述 二、配…...
TCP（TCP客户端、服务器如何通信）
一、TCP介绍 TCP的特点： 面向连接的协议：TCP是一种可靠的、面向连接的协议，在通信之前需要建立连接，以确保数据的可靠传输。这意味着在传输数据之前，发送方和接收方之间需要建立一条可靠的连接通道。流式协议&#x…...
pdf 文件版面分析--PyMuPDF （python 文档解析提取）
1.介绍 PyMuPDF 和Fitz 是用于Python中处理PDF文件的相关模块。Fitz是P有MuPDF的字模块。提供一个简化和封装版本的P有MuPDF功能。 关系： PyMuPDF： 提供广泛的功能，用于操作PDF文档， 包括方便的高级函数与底层操作Fitz &#x…...
sql update 多表关联 inner join
当您需要更新一个表或者多个表中的数据，而多个表又存在关联时，可以使用 INNER JOIN 子句将多个表关联起来，并使用 SET更新。 格式如下： UPDATE table1 INNER JOIN table2 ON table1.column1 table2.column1 SET table1.column2…...
【OceanBase诊断调优】—— 租户资源统计项及其查询方法
本文主要介绍 OceanBase 数据库中租户资源统计项及其查询方法。 适用版本 OceanBase 数据库 V4.1.x、V4.2.x 版本。 CPU 资源统计项 逻辑 CPU 使用率（线程处理请求的时间占比）。 通过虚拟表 __all_virtual_sysstat 在 SYS 系统租户下，查看…...
【一键录音，轻松转换：用Python打造个性化音频记录工具】
在数字化时代，音频记录已成为日常学习、工作和娱乐不可或缺的一部分。想象一下，只需简单按下几个键，即可随时随地捕捉灵感，记录会议要点，或是珍藏孩子的童言稚语。本文将引领您步入Python编程的奇妙世界，展示如何借助几个强大的库，构建一个既简单又实用的音频录制及转换…...
Java类与对象（一）
类的定义与使用 在Java中使用关键字class定义一个类，格式如下： class 类名{// 成员变量/字段/属性//成员方法/行为 }Java中类和c语言中的结构体有点类似， 在Java中类名一般采用大驼峰（每个首字母大写）的形式…...
python中的装饰器，例子说明
在Python中，嵌套装饰器是指在一个函数上应用多个装饰器。每个装饰器都可以为函数添加一些特定的功能。以下是一个稍微复杂一些的例子，我们将创建一个记录日志和验证权限的嵌套装饰器。 ### 例子：记录日志和权限验证的嵌套装饰器 假设我们正…...
Leetcode经典题目之用队列实现栈
P. S.：以下代码均在VS2019环境下测试，不代表所有编译器均可通过。 P. S.：测试代码均未展示头文件stdio.h的声明，使用时请自行添加。 目录 1、题目展示2、题目分析3、完整代码演示4、结语 1、题目展示 前面我们了解过如何实现队列…...
2026年AI求职必看：掌握这3类岗位核心技能，年薪百万不是梦！收藏备用
本文分析了AI行业招聘市场的两极分化现象，并深入拆解了算法工程师、大模型应用开发、AI产品经理三类热门岗位的真实招聘要求和面试准备重点。文章指出，企业对AI人才的要求已从"会调模型"转向"能落地产品"，复合型人才需求…...
AI技术总监的晋升密码：搞定这6件事，你也能领导AI团队
在AI技术重塑各行各业的当下，软件测试从业者正站在职业转型的关键路口。从测试工程师到AI技术总监，不仅是职位的跃迁，更是能力模型的全面升级。想要在AI浪潮中脱颖而出，成为引领团队的技术掌舵人，你需要搞定这6件事。一…...
解放你的B站缓存视频：3步让m4s文件变身为通用MP4格式
解放你的B站缓存视频：3步让m4s文件变身为通用MP4格式 【免费下载链接】m4s-converter 一个跨平台小工具，将bilibili缓存的m4s格式音视频文件合并成mp4 项目地址: https://gitcode.com/gh_mirrors/m4/m4s-converter 你是否曾经在B站缓存了精彩的教…...
NVDC充电架构深度解析：智能电源管理如何提升笔记本性能与电池寿命
1. 项目概述：NVDC充电器，一个被低估的“能量管家”如果你是一位经常需要带着笔记本电脑移动办公的资深用户，或者是一位对设备续航和充电效率有极致追求的硬件爱好者，那么“NVDC”这个词，很可能已经或即将进入你的视野。…...
从“马变斑马”到“卫星图转地图”：用CycleGAN/pix2pix玩转自定义数据集（附制作教程）
从卫星影像到艺术创作：CycleGAN与pix2pix自定义数据集实战指南 当第一次看到卫星遥感图像自动转换成街道地图时，那种技术带来的震撼感至今难忘。这不仅仅是简单的滤镜效果，而是深度学习模型真正理解了两种图像模态之间的深层关联。作为计算机…...
别再让你的Qt界面有锯齿了！手把手教你用QPainter的Antialiasing和HighQualityAntialiasing
Qt图形渲染优化实战：抗锯齿原理与性能调优指南 在开发需要精细图形展示的Qt应用时，开发者常会遇到一个棘手问题——图形边缘的锯齿现象。无论是仪表盘上的指针、数据可视化中的曲线，还是自定义控件的圆角边框，锯齿都会严重影响视觉…...
终极指南：HS2-HF_Patch汉化补丁完全免费使用手册
终极指南：HS2-HF_Patch汉化补丁完全免费使用手册 【免费下载链接】HS2-HF_Patch Automatically translate, uncensor and update HoneySelect2! 项目地址: https://gitcode.com/gh_mirrors/hs/HS2-HF_Patch 还在为Honey Select 2的日文界面而烦恼吗ÿ…...
如何快速掌握JASP统计分析软件：3个高效使用技巧完整指南
如何快速掌握JASP统计分析软件：3个高效使用技巧完整指南 【免费下载链接】jasp-desktop JASP aims to be a complete statistical package for both Bayesian and Frequentist statistical methods, that is easy to use and familiar to users of SPSS 项目地址:…...
茉莉花插件：终极Zotero中文文献管理解决方案
茉莉花插件：终极Zotero中文文献管理解决方案 【免费下载链接】jasminum A Zotero add-on to retrive CNKI meta data. 一个简单的Zotero 插件，用于识别中文元数据 项目地址: https://gitcode.com/gh_mirrors/ja/jasminum 还在为Zotero处理中文文献…...
播客内容找不到源头？Perplexity深度索引机制解析，7类冷门播客源自动唤醒术
更多请点击： https://codechina.net 第一章：播客内容找不到源头？Perplexity深度索引机制解析，7类冷门播客源自动唤醒术 Perplexity 的播客内容发现能力并非依赖传统 RSS 聚合或平台 API 抓取，而是通过其自研的深度索引…...