解决vue3项目打包后部署后某些静态资源图片不加载问题

article2024/9/28 14:27:25/文章来源:https://blog.csdn.net/qq_62262918/article/details/138770043

问题

原因

解决方案

问题

开发完项目打包并部署

然后访问时发现导航栏背景图片没加载

打开浏览器控制台发现这张图片报错404

原因

可能是因为在部署后的服务器环境中对中文文件名的支持不完善。服务器在解析 URL 时可能无法正确识别或编码中文字符，导致无法正确找到文件路径。因此，改用英文文件名后，服务器能够正确解析和访问到文件，所以图片显示正常。

解决方案

将背景图片名称修改成英文

重新打包

正常显示了

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/619102.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

高精度原理介绍及代码实现

目录高精度引入使用场景实现原理高精度加法数据存储加法实现总代码高精度减法与加法的不同点： 总代码高精度乘法总代码高精度除法总结总注意点减法注意点高精度引入所谓高精度并不是很高级难懂的东西，只是对传统的…

Kubernetes 核心概念

kubernetes的对象 Kubernetes 包含多种类型的资源对象：Pod、Label、Service、Replication Controller 等。所有的资源对象都可以通过 Kubernetes 提供的 kubectl 工具进行增、删、改、查等操作，并将其保存在 etcd 中持久化存储。 Kubernets其实是一个…

【JAVA进阶篇教学】第十三篇：Java中volatile关键字讲解

博主打算从0-1讲解下java进阶篇教学，今天教学第十三篇：volatile关键字讲解。在 Java 中，volatile关键字是一种轻量级的同步机制，用于确保变量的可见性和禁止指令重排序。本文将详细解释volatile关键字的工作原理、可见性保证以及…

对称加密介绍

一、什么是对称加密对称密钥算法(Symmetric-key algorithm)，又称为对称加密、私钥加密、共享密钥加密，是密码学中的一类加密算法。对称加密的特点是，在加密和解密时使用相同的密钥，或是使用两个可以简单地相互推算的密钥。这…

Zynq开发-使用PYNQ快速入门摄像头MIPI驱动(OV5640)-overlay设计

目录 1. 简介 2. Overlay 设计 2.1 总体设计 2.2 MIPI 子系统 2.3 去马赛克 2.4 AXI_IIC 3. 注意事项 4. 总结 1. 简介本文是关于《Zynq开发-使用PYNQ快速入门摄像头MIPI驱动(OV5640)-CSDN博客》的博客文章，涉及了overlay设计的Vivado工程细节。在使用PYN…

iZotope RX 11 for Mac 激活版：让您的音频焕发生机！

在追求音频完美的道路上，iZotope RX 11 for Mac是您的得力助手。它凭借先进的音频修复技术和丰富的音频增强工具，让您的音频作品焕发出前所未有的生机与活力。无论您是专业的音频工程师，还是业余的音乐爱好者，都能在这款工具中找到…

【Spring】验证 @ServerEndpoint 的类成员变量线程安全

文章目录前言猜想来源验证方法Controller 的情况ServerEndpoint 的情况后记前言最近有 websocket 的需求。探索 ServerEndpoint 的类成员变量特点。这里类比 Controller 讨论 ServerEndpoint 类成员变量是否线程安全。猜想来源网上的教程大多数都这么展示程序&#…

OBS插件--音频采集

音频采集音频采集是一款源插件,类似于OBS的win-capture/game-capture，允许从特定应用程序捕获音频，而不是捕获整个系统的音频。避免了因为特定音频的采集而需要引入第三方软件，而且时延也非常低。下面截图演示下操作步骤： 首…

HCIP-Datacom-ARST自选题库_06_排障【28道题】

一、单选题 1.如果面对复杂的网络故障，并经过评估认为短时间内无法完成排障，而此时用户又急需恢复网络的可用性，那么正确的做法是? 告诉用户这是不可能实现的不通知客户的情况下，直接搭建替代的网络环境始终尝试排除故障&a…

前端AJAX与后台交互技术知识点及案例（续2）

以下笔记均为学习哔站黑马程序员AJAX视频所得！！！ AJAX作用：浏览器和服务器之间通信，动态数据交互 axios函数先引入axios库，可在bootcdn中寻找相关js文件或者对应的script标签 axios({url:http://hmajax…

最大子矩阵：前缀和、动态规划

最近在学习动态规划，在牛客上刷题时碰到了这一题。其实最初的想法是暴力和前缀和，但是时间复杂度极高，需要套4层循环。后来去网上搜了一下相关的题解和做法，进而了解到了前缀和＋线性动态规划的做法。但是在成功做出这题…

【爬虫基础1.1课】——requests模块上

目录索引 requests模块的作用：实例引入： 特殊情况：锦囊1：锦囊2: 这一个栏目，我会给出我从零开始学习爬虫的全过程。感兴趣的小伙伴可以关注一波，用于复习和新学都是不错的选择。那么废话不多说&#xff0c…

接搭建仿美团、代付系统源码搭建教程

最近很多粉丝催更、分享一下地球号：xiaobao0214520(WX) 现在大家都很流行搞网恋，我们搭建一个跟美团相似的系统然后开发一个好友代付，我们在点单的时候转发链接让网恋对象付钱若只是单点外卖的话，能榨出的油水还是太少。所以…

Redis的数据淘汰策略——Java全栈知识（19）

Redis的数据淘汰策略什么是数据淘汰策略数据过期策略是 redis 中设置了 TTL 的数据过期的时候 Redis 的处理策略。数据淘汰策略是 Redis 内存不够的时候， 数据的淘汰策略：当 Redis 中的内存不够用时，此时在向 Redis 中添加新的 key, 那么…

免费思维13招之八：跨行业思维

免费思维13招之八：跨行业思维免费思维的另一大战略思维——跨行业型思维。跨行业型思维有两种：一种是通过跨行业，把自己的产品免费掉，从而赚取其他行业的利润。另一种是通过跨行业，把别人的主流产品免费掉，从而增大自己产品的销量。第一种，把自己的产品免费，从而赚…

ONES 功能上新 | 近期产品新功能一览

支持在 ONES Project 中通过弹窗查看、编辑 ONES Wiki 页面。应用场景： 当需要在 ONES Project 中查看 ONES Wiki 的页面内容时，可以直接点击工作项关联的 ONES Wiki 页面或项目文档组件中的页面，即可在 ONES Project 中通过弹窗查看 ONES W…