vite+vue3动态引入资源文件(问题已解决但离了个大谱)

教程很详细,直接上代码

解决方法(赶时间的小友理解下这函数就能解决问题了,就是处理了下路径,运气不好遇到问题再回来也不迟🤣🤣🤣)

js 复制代码
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,复用性好像低了那么点

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

相关推荐
用户617517157014 分钟前
关于普通函数和箭头函数的this
javascript
老陈说编程11 分钟前
12. LangChain 6大核心调用方法:invoke/stream/batch同步异步全解析,新手也能轻松学会
开发语言·人工智能·python·深度学习·机器学习·ai·langchain
014-code19 分钟前
Java 并发中的原子类
java·开发语言·并发
alphageek822 分钟前
Matlab linspace函数完全指南:从基础用法到进阶技巧
开发语言·其他·matlab
AI人工智能+电脑小能手22 分钟前
【大白话说Java面试题】【Java基础篇】第29题:静态代理和动态代理的区别是什么
java·开发语言·后端·面试·代理模式
善恶怪客22 分钟前
Java-数组和可变参数
java·开发语言
谭欣辰28 分钟前
LCS(最长公共子序列)详解
开发语言·c++·算法
RPGMZ37 分钟前
RPGMakerMZ 地图存档点制作 标题继续游戏直接读取存档
开发语言·javascript·游戏·游戏引擎·rpgmz·rpgmakermz
丑八怪大丑1 小时前
JDK8-17新特性
java·开发语言
书源丶1 小时前
三十五、Java 泛型——类型安全的「万能模板」
java·开发语言·安全