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

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

相关推荐
方也_arkling5 小时前
【Java-Day08】static / final / 枚举
java·开发语言
风吹夏回5 小时前
Python 全局异常处理:从“满屏 try-except”到优雅兜底
开发语言·python
Chengbei115 小时前
一站式源码安全检测工具、云安全 / APP / 小程序源码敏感信息递归多层目录扫描AK、JWT、手机号、身份证等敏感信息
java·开发语言·安全·web安全·网络安全·系统安全·安全架构
llz_1125 小时前
web-第一次课后作业
java·开发语言·idea
小熊Coding6 小时前
Python爬取当当网二手图书项目实战!
开发语言·爬虫·python·beautifulsoup·requests·二手图书
秋96 小时前
Java项目运行5天左右自动宕机:系统性定位与解决方案
java·开发语言·python
xiaoshuaishuai86 小时前
C# 内存管理与资源泄漏
开发语言·c#
lsx2024066 小时前
SVN 检出操作
开发语言
basketball6167 小时前
C++ NULL 和 nullptr 区别 以及 nullptr 的核心实现
java·开发语言·c++
zhangyao9403307 小时前
开发pc端时,表格的高度怎么设置才能铺满页面
前端·javascript·elementui