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

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

相关推荐
萑澈20 小时前
Windows 7 运行 Electron 安装包报“不是有效的 Win32 应用程序”怎么办
javascript·windows·electron
W.A委员会21 小时前
JS原型链详解
开发语言·javascript·原型模式
止语Lab21 小时前
Go并发编程实战:Channel 还是 Mutex?一个场景驱动的选择框架
开发语言·后端·golang
她说彩礼65万21 小时前
C# 实现简单的日志打印
开发语言·javascript·c#
绿浪198421 小时前
c# 中结构体 的定义字符串字段(性能优化)
开发语言·c#
房开民1 天前
可变参数模板
java·开发语言·算法
一只蝉nahc1 天前
vue使用iframe内嵌unity模型,并且向模型传递信息,接受信息
前端·vue.js·unity
t***5441 天前
如何在现代C++中更有效地应用这些模式
java·开发语言·c++
状元岐1 天前
C#反射从入门到精通
java·javascript·算法
Victoria.a1 天前
python基础语法
开发语言·python