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

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).hrefxxx的内容其实是一样的,只不过一种是路径显示写在外面,另一种是写在变量里面直接传过来的,但这样部分硬编码的方式会导致换一个文件夹,使用其中的资源得重写函数,emmm,复用性好像低了那么点

眨眼睛暂时还没找到出现这种情况的原因,还望路过知道的大佬不吝赐教~~

http://www.lryc.cn/news/516178.html

相关文章:

  • 通过 4 种方式快速将音乐从 iPod 传输到 Android
  • ArcGIS中怎么把数据提取到指定范围(裁剪、掩膜提取)
  • 【Vaadin flow 实战】第3讲-快速上手构建VaadinFlow+Springboot的全栈web项目
  • HBase Cassandra的部署和操作
  • 用户界面软件01
  • 【云原生】Docker Compose 从入门到实战使用详解
  • 【ShuQiHere】使用 SCP 进行安全文件传输
  • 海康威视H5player问题汇总大全
  • 力扣23.合并K个升序链表
  • 【C 语言指针篇】指针的灵动舞步与内存的神秘疆域:于 C 编程世界中领略指针艺术的奇幻华章
  • 游戏关卡设计的常用模式
  • 在一台服务器上使用docker运行kafka集群
  • Apache Celeborn 在B站的生产实践
  • JOIN 和 OUTER JOIN,SQL中常见的连接方式
  • Vue2: table加载树形数据的踩坑记录
  • 电子信息硕士面试经验
  • dns网址和ip是一一对应的吗?
  • springboot3 redis 常用操作工具类
  • Java工程师实现视频文件上传minio文件系统存储及网页实现分批加载视频播放
  • Redis(二)value 的五种常见数据类型简述
  • Docker 环境中搭建 Redis 哨兵模式集群的步骤与问题解决
  • 【网页自动化】篡改猴入门教程
  • 【顶刊TPAMI 2025】多头编码(MHE)之极限分类 Part 4:MHE表示能力
  • Github - unexpected disconnect while reading sideband packet
  • Ubuntu 环境安装 之 RabbitMQ 快速入手
  • UE5中实现右键开镜效果
  • Apache HTTPD 换行解析漏洞(CVE-2017-15715)
  • Excel重新踩坑5:二级下拉列表制作;★数据透视表;
  • 力扣--35.搜索插入位置
  • C# 设计模式(行为型模式):模板方法模式