vue3打包后,图片丢失

前言:

在 webpack 中使用 require() 来引入静态图片,但在 vite 中就不行。

代码实现

<template><div><img :src="empty"></div>
</template><script setup>
// 引入本地图片(注意改成您的路径)
import empty from '@/assets/empty.png'
</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/web/86221.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/86221.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MongoDB 8.0.10 windows11安装记录

最近在学习node&#xff0c;看的教程用的是MongoDB 5.0的&#xff0c;安装上和新版的有一些区别&#xff0c;都安装完后不能直接在C:\Program Files\MongoDB\Server\8.0\bin 这个目录使用mongo 启动&#xff0c;因为都没那文件。 摸索了下弄好了。 下载社区版最新安装包&#…

信息系统项目管理师023:云计算(2信息技术发展,网络安全面试问题

2.关键技术 云计算的关键技术主要涉及虚拟化技术、云存储技术、多租户和访问控制管理、云安全技术等。 1&#xff09;虚拟化技术 虚拟化是一个广义术语&#xff0c;在计算机领域通常是指计算元件在虚拟的基础上而不是真实的基础上运行。虚拟化技术可以扩大硬件的容量&#x…

django csrf的局限性

Django的CSRF保护机制虽被广泛应用&#xff0c;但在实际场景中存在以下关键局限性&#xff0c;需开发者特别注意&#xff1a; 一、内容类型限制&#xff08;Content-Type约束&#xff09; 仅保护特定响应类型 CSRF中间件默认只对text/html和application/xmlxhtml响应生效&#…

如何将缓存存到客户端浏览器上呢

要将缓存存到客户端浏览器&#xff0c;关键是让 浏览器接收到合适的 HTTP 缓存控制响应头。这通常通过 add_header 添加控制头来实现。 ✅ 一般做法&#xff08;强缓存 协商缓存&#xff09;&#xff1a; &#x1f539; 1. 强缓存&#xff1a;使用 Cache-Control 和 Expires …

微软ASR与开源模型分析

一、微软ASR核心能力 1. 支持场景 场景功能实时语音转文本低延迟流式识别&#xff08;会议字幕/直播转录&#xff09;音频文件转文本支持多种格式&#xff08;WAV/MP3等&#xff09;&#xff0c;批量处理长音频定制化模型针对特定行业术语&#xff08;医疗/金融&#xff09;训…

2025下半年软考中级科目难度解析与选科指南

2025年下半年软考中级科目共有6科&#xff0c;包括系统集成项目管理工程师、信息系统管理工程师、信息安全工程师、网络工程师、软件设计师以及多媒体应用设计师。面对众多科目&#xff0c;考生应如何做出选择&#xff1f; 一、考试时间安排 在开始备考之前&#xff0c;了解考…

深度剖析:PPP PRIVATE NETWORK UDP/IP AGGLIGATOR

&#x1f680; 深度剖析&#xff1a;PPP PRIVATE NETWORK UDP/IP AGGLIGATOR &#x1f3d7;️ 一、架构概述 这是一个高性能网络聚合系统&#xff0c;核心功能是通过多路TCP连接隧道化UDP流量&#xff0c;提升网络传输的可靠性和性能。系统采用C编写&#xff0c;基于Boost.Asi…

05-StarRocks功能使用FAQ

StarRocks功能使用FAQ 概述 本文档整理了StarRocks功能使用过程中常见的问题和解决方案,涵盖了表管理、分区、索引、物化视图、外部表等核心功能的使用方法和最佳实践。 表管理FAQ Q1: 如何创建和管理表? A: 表管理方法: 1. 创建表 -- 创建基本表 CREATE TABLE table…

ASP.NET Core API文档与测试实战指南

前言 在现代软件开发中&#xff0c;API&#xff08;应用程序编程接口&#xff09;已成为不同服务和应用程序之间通信的桥梁。一个优秀的API不仅需要具备良好的功能性&#xff0c;更需要有完善的文档和全面的测试策略。本文将深入探讨ASP.NET Core环境下的API文档生成与测试实践…

域名 SSL证书和IP SSL证书有什么区别?

在互联网安全领域&#xff0c;SSL证书扮演着至关重要的角色&#xff0c;它能够有效保障数据传输的安全性&#xff0c;防止数据泄露和被篡改。而域名SSL证书与IP SSL证书作为两种不同类型的SSL证书&#xff0c;各自有着独特的特点和适用场景&#xff0c;本文国科云将对它们进行详…

多个Vue项目共用一个node_modules依赖包,避免占用太大内存,window上创建微链接

最近突然发现电脑内存不够了&#xff0c;没办法项目太多了&#xff0c;新加的项目也安装不了依赖包&#xff0c;内存不够了。 然后我最近发现个新东西&#xff0c;就是多个项目共用一个依赖包。 第一步&#xff1a; 可以创建一个空文件夹专门放依赖包&#xff0c;也可以直接用…

目标检测新升级:用YOLOv8打造密度视频热力图可视化

文章目录 目标检测新升级&#xff1a;用YOLOv8打造密度&视频热力图可视化一、YOLOv8的改进&#xff08;一&#xff09;模型结构优化&#xff08;二&#xff09;注意力机制的引入 二、YOLOv8可视化热力图的原理与方法&#xff08;一&#xff09;热力图的基本概念&#xff08…

QT6 源(126)QModelIndex 模型索引:阅读注释与测试其成员函数,及其源代码。以及 typedef QList<QModelIndex> QModelIndexList;

&#xff08;1&#xff09;模型里条目的索引是支持调试打印的 &#xff1a; &#xff08;2&#xff09;还结合上例的测试结果&#xff0c;给出本模型索引的定义&#xff0c;如下 &#xff1a; &#xff08;3&#xff09;继续本模型索引类的成员函数的测试&#xff0c;还使用上面…

分布式环境下 Spring Boot 项目基于雪花算法的唯一 ID 生成方案

一、分布式系统 分布式系统是指将多个独立的计算节点通过网络连接&#xff0c;协同完成同一目标的系统架构。其核心特征是&#xff1a; 多个独立节点&#xff1a;每个节点都是一个可独立运行的服务实例网络通信&#xff1a;节点间通过网络协议&#xff08;如HTTP、RPC&#x…

如何在 Chrome 浏览器中保存从商店下载的扩展程序到本地

如何在 Chrome 浏览器中保存从商店下载的扩展程序到本地 方法一&#xff1a;通过扩展程序页面直接导出&#xff08;适用于已安装的扩展&#xff09; 打开 Chrome 扩展管理页面 在地址栏输入&#xff1a;chrome://extensions/或通过菜单&#xff1a;⋮ > 更多工具 > 扩展…

没有VISA怎么注册AWS?

没有VISA怎么注册AWS&#xff1f;跨境卖家、开发者与学生党必看的“AWS账号开通终极指南”&#xff01; 在云计算日益普及的今天&#xff0c;Amazon Web Services&#xff08;AWS&#xff09;作为全球领先的云服务提供商&#xff0c;以其服务广度、技术深度和生态系统成熟度&a…

华为服务器的选型指南

以下是华为服务器选型指南及推荐方案&#xff0c;综合性能、场景适配与成本优化&#xff1a; 一、核心选型维度 业务场景 通用计算&#xff08;Web/中间件&#xff09;&#xff1a;推荐通用型鲲鹏服务器&#xff08;如KH系列&#xff09;&#xff0c;支持多核并发&#xff08…

Python-3-数据结构(字典)

1 字典 特点 1.键-值成对出现 “键&#xff1a;值 ” 2.键不能重复 3.键不可更改&#xff0c;值可以修改 4.键来索引值 5.键只能是不可变的数据类型 dic_Python{the define:1,the age:2,the clude:[A,B] } #增删查改 dic_Python[the age] dic_Python[the define]77#赋值修改 di…

API访问Token的概念及解析

API 访问Token&#xff08;API Access Token&#xff09; 如大家所了解的&#xff0c;API访问Token是用于第三方应用调用服务的关键措施&#xff0c;如支付接口、地图 API等。 许多机构和安全指南&#xff08;例如 OWASP API Security Project&#xff09;建议采用短期 Token…

​​​​​​​[AI 工具] Dify 免费 GPT 调用详解:额度、付费与自托管方案全解

引言:Dify 是什么? Dify 是一个支持多种大模型(如 GPT-3.5、GPT-4、GPT-4o)的开源 AI 应用开发平台,支持 Web UI 快速搭建、多模态能力、团队协作等。其平台免费开放使用 GPT 模型,受到开发者和技术社区广泛关注。 我是Dify重度用户,大多数情况用本地部署,但是忽然发…