vite+vue3动态引入资源文件(问题已解决但离了个大谱)
教程很详细,直接上代码
解决方法(赶时间的小友理解下这函数就能解决问题了,就是处理了下路径,运气不好遇到问题再回来也不迟🤣🤣🤣)
const getSvgUrl = (name) => {// name: svg_1.svg// console.log(name)return new URL(`/src/assets/productPicture/${name}`, import.meta.url).href
}
吃瓜区⬇️⬇️⬇️
眨眼睛开始写了个函数将整个路径传进来,但打包怎么都无法将资源文件打包进去

看得出来这种写法传给new URL(xxx, import.meta.url).href中xxx的内容其实是一样的,只不过一种是路径显示写在外面,另一种是写在变量里面直接传过来的,但这样部分硬编码的方式会导致换一个文件夹,使用其中的资源得重写函数,emmm,复用性好像低了那么点
眨眼睛暂时还没找到出现这种情况的原因,还望路过知道的大佬不吝赐教~~
相关文章:
vite+vue3动态引入资源文件(问题已解决但离了个大谱)
教程很详细,直接上代码 解决方法(赶时间的小友理解下这函数就能解决问题了,就是处理了下路径,运气不好遇到问题再回来也不迟🤣🤣🤣) const getSvgUrl (name) > {// name: svg_1…...
通过 4 种方式快速将音乐从 iPod 传输到 Android
概括 在 iPod 上听音乐很酷,但是当您拥有最新的 Android 手机时,也许您想在新手机上欣赏 iPod 音乐。那么,你的计划是什么?如何将音乐从 iPod 传输到 Android? 如果您担心这个问题,请看看下面的方法。他们…...
ArcGIS中怎么把数据提取到指定范围(裁剪、掩膜提取)
最近,经常能收到怎么把数据提取到指定范围、栅格数据怎么裁剪、矢量数据怎么裁剪、栅格数据怎么掩膜提取的咨询。 下面是我对这个问题的解决思路: 对于矢量数据: ①首先把数据加载进来 ②软件界面上面的工具栏找到→地理处理→裁剪&#x…...
【Vaadin flow 实战】第3讲-快速上手构建VaadinFlow+Springboot的全栈web项目
快速构建VaadinFlowSpringboot的全栈web项目 温馨提示,本文讲解比较精炼,主要以快速上手开发为主。 官方提供了与本文类似的教程讲解,地址https://vaadin.com/docs/latest/getting-started 1访问vaadin官方提供的start网站(类似于 spring i…...
HBase Cassandra的部署和操作
目录 一.数据库的部署与配置 二.使用命令访问数据库 三.数据库的设计 四.编程实现数据库的访问 一.数据库的部署与配置 1.在单个节点上对进行数据库的单机部署 (1)下载apache-cassandra-4.1.7-…...
用户界面软件01
Jens Coldewey 著,Tom.X 译 本文中的模式语言逐步深入地探讨用户界面架构的设计,它基于人机工程学,足以形成一套完整的体系。如果你对这方面有兴趣,请参考[Tog92],[Coo95]和[Col95]。 本文不讨论用户界面的布局&…...
【云原生】Docker Compose 从入门到实战使用详解
目录 一、前言 二、Docker Compose 介绍 2.1 Docker Compose概述 2.2 Docker Compose特点 2.3 Docker Compose使用场景 三、Docker Compose 安装 3.1 安装docker环境 3.2 Docker Compose安装方式一 3.2.1 下载最新版 3.2.2 设置权限 3.2.3 设置软链接 3.2.4 查看版本…...
【ShuQiHere】使用 SCP 进行安全文件传输
【ShuQiHere】🚀 在日常的开发和运维工作中,文件传输是一个常见的任务。scp(Secure Copy)是一个基于 SSH 协议的文件传输工具,能够在本地和远程主机之间安全地复制文件和目录。本文将详细介绍 scp 的使用方法…...
海康威视H5player问题汇总大全
由于除了要支持Windows平台,还要支持国产系统的平台,这时就用到了H5player,但是这个在使用调试的时候会遇到各种各样的问题,便在此分享一下,供大家分享!!! 问题一:Unexp…...
力扣23.合并K个升序链表
文章目录 一、前言二、最小堆解法三、分治解法 一、前言 23. 合并 K 个升序链表 本题的要求是把K个链表进行合并,合并后的链表必须是从小到大的。 并且这K个链表也是从小到大的升序链表。 二、最小堆解法 既然每个链表都是升序的,也就是从小到大的。 …...
【C 语言指针篇】指针的灵动舞步与内存的神秘疆域:于 C 编程世界中领略指针艺术的奇幻华章
文章目录 【C 语言篇】指针的灵动舞步与内存的神秘疆域:于 C 编程世界中领略指针艺术的奇幻华章前言一 、指针的介绍与使用1. 指针的介绍1.1指针表示1.2指针变量1.3空指针 2. 使用指针2.1交换两个变量的值2.2计算输出最小值和最大值 二、野指针的介绍与使用1. 野指针…...
游戏关卡设计的常用模式
游戏关卡分为很多种,但常用的有固定套路,分为若干种类型。 关卡是主角与怪物、敌方战斗的场所,包括装饰物、通道。 单人游戏的关卡较小,偏线性; 联机/MMO的关卡较大,通道多,自由度高…...
在一台服务器上使用docker运行kafka集群
1.拉取镜像 docker pull wurstmeister/kafka docker pull wurstmeister/zookeeper 2.创建集群之间通信的网络 docker network create kafka-cluster-net docker network inspect kafka-cluster-net 3.将zookeeper加入到网络中 docker network connect kafka-cluster-net zooke…...
Apache Celeborn 在B站的生产实践
背景介绍 Shuffle 演进 随着B站业务的飞速发展,数据规模呈指数级增长,计算集群也逐步从单机房扩展到多机房部署模式。多个业务线依托大数据平台驱动核心业务,大数据系统的高效性与稳定性成为公司业务发展的重要基石。如图1,目前在大数据基础架构下,我们主要采用 Spark、Fl…...
JOIN 和 OUTER JOIN,SQL中常见的连接方式
1. INNER JOIN(简称 JOIN) INNER JOIN 是 SQL 中最常用的一种连接方式,默认的 JOIN 就是 INNER JOIN。它返回两个表中满足连接条件的匹配记录。 作用:返回两个表中所有满足 ON 条件的记录。特性:如果表中的某些行在连…...
Vue2: table加载树形数据的踩坑记录
table中需要加载树形数据,如图: 官网给了两个例子,且每个例子中的tree-props都是这么写的: :tree-props="{children: children, hasChildren: hasChildren}" 给我一种错觉,以为数据结构中要同时指定children和hasChildren字段,然而,在非懒加载模式下,数据结…...
电子信息硕士面试经验
回顾2024年秋招一些面试常见的问题,主要涉及软件开发和嵌入式部分内容。 1. 浅拷贝深拷贝 深拷贝和浅拷贝是两种不同的拷贝方式,用于复制对象。它们主要区别在于对嵌套对象的处理方式。 浅拷贝:只复制对象的顶层,嵌套对象仍然是共享引用。 深拷贝:递归复制所有对象及其嵌…...
dns网址和ip是一一对应的吗?
DNS网址和IP地址是一一对应的吗?我们在上网时,为什么总是使用网址而不是一串数字?这些问题其实涉及到互联网的基本运作原理。DNS(域名系统)是我们日常上网过程中一个不可或缺的部分,它帮助我们将人类易于记…...
springboot3 redis 常用操作工具类
在 Spring Boot 3 中,操作 Redis 通常使用 Spring Data Redis 提供的工具类,如 RedisTemplate 和 StringRedisTemplate。以下是一个详细的 Redis 操作工具类的实现,涵盖了常用功能。 完整的 Redis 工具类 以下工具类可以实现基本的 Redis 操…...
Java工程师实现视频文件上传minio文件系统存储及网页实现分批加载视频播放
Java工程师实现minio存储大型视频文件网页实现分批加载视频播放 一、需求说明 老板给我出个题目,让我把的电影文件上传到minio文件系统,再通过WEB端分配加载视频播放,类似于我们普通的电影网站。小编把Java代码共享出来。是真正的能拿过来直…...
解决‘找不到.so文件’:GCC动态链接库编译成功后运行报错的三种终极解决方案
解决‘找不到.so文件’:GCC动态链接库编译成功后运行报错的终极指南 当你满心欢喜地用gcc -fPIC -shared编译好动态库,再用gcc main.c -L. -lxxx生成可执行文件,却在运行时遭遇"error while loading shared libraries: libxxx.so: canno…...
2026奇点大会AIAPI代码生成性能基准测试全解析,TensorRT-LLM vs vLLM vs 自研推理引擎的毫秒级差距
第一章:2026奇点智能技术大会:AIAPI代码生成 2026奇点智能技术大会(https://ml-summit.org) 核心能力演进 本届大会首次公开AIAPI——一种融合语义理解、类型推导与上下文感知的新型代码生成协议。它不再依赖传统LLM的纯文本补全,而是以结构…...
2026年灵敏感测实时微控制器选型:国内哪家厂商兼具精度与稳定性?
一、引言灵敏感测实时微控制器是工业自动化、汽车电子、智慧能源、机器人等领域嵌入式系统的核心控制单元,承担物理信号采集、实时运算与闭环控制的关键职能,其性能直接决定终端设备的控制精度、响应速度与运行稳定性。当前工业智能化与汽车电子化进程中…...
智能代码生成质量保障(2024年Gartner验证的TOP3工业级检测工具链深度拆解)
第一章:智能代码生成代码质量保障 2026奇点智能技术大会(https://ml-summit.org) 智能代码生成正从辅助编程工具演进为软件交付链路中可信赖的质量守门人。其质量保障能力不再仅依赖模型输出的语法正确性,而需贯穿语义一致性、安全合规性、可维护性与运…...
3个技巧让普通鼠标在macOS上媲美专业设备:Mac Mouse Fix终极指南
3个技巧让普通鼠标在macOS上媲美专业设备:Mac Mouse Fix终极指南 【免费下载链接】mac-mouse-fix Mac Mouse Fix - Make Your $10 Mouse Better Than an Apple Trackpad! 项目地址: https://gitcode.com/GitHub_Trending/ma/mac-mouse-fix 你是否曾为macOS上…...
从零搭建思澈科技SiFli-Solution开发环境:避坑指南与实战演练
1. 环境准备:软件工具全家桶 第一次接触思澈科技的SiFli-Solution平台时,我像个刚拿到乐高套装的孩子——既兴奋又手足无措。这里给各位新手列个必备工具清单,都是我踩坑后验证过的稳定组合:Keil uVision5(5.32版&…...
OLED字库的构建与移植:从点阵数据到嵌入式显示
1. OLED字库的基础概念与工作原理 第一次接触OLED字库时,我也被那一串串十六进制数字搞得头晕眼花。直到后来才发现,这些看似复杂的数据背后,其实是一套非常直观的图形表达方式。OLED字库本质上就是字符的图形化表示,每个字符都被…...
12:机台I/O点位表详解(EAP核心必备)
12:机台I/O点位表详解(EAP核心必备) 一、本课学习目标 理解什么是机台I/O点位表,以及它在EAP工作中的核心地位学会看懂I/O表的每一列:地址、名称、信号类型、方向、备注熟练区分DI/DO/AI/AO在I/O表中的表示方式掌握通过…...
企业级开发 AI Coding 标准流程及个人操作
企业规范个人操作实现流程...
手把手教你配置UNIS CD2000国产台式机:从开机BIOS到统信UOS系统安装全流程
国产化设备实战指南:UNIS CD2000与统信UOS深度配置手册 当国产化设备从政策导向走向实际应用,如何快速上手配置成为许多技术人员的迫切需求。UNIS CD2000作为国产台式机的代表型号,搭配统信UOS操作系统,正在党政军办公、金融、教育…...
