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

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

相关推荐
全栈开发圈13 小时前
新书速览|MATLAB数据分析与可视化实践:视频教学版
开发语言·matlab·数据分析
网域小星球13 小时前
C 语言从 0 入门(二十二)|内存四区:栈、堆、全局、常量区深度解析
c语言·开发语言
一 乐13 小时前
工会管理|基于springboot + vue工会管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·工会管理系统
晓纪同学14 小时前
EffctiveC++_第三章_资源管理
开发语言·c++·算法
蚊子码农14 小时前
每日一题--C语言指针与内存泄漏:一道小问题的深度复盘
c语言·开发语言
Fanfanaas14 小时前
Linux 系统编程 进程篇(一)
linux·运维·服务器·c语言·开发语言·网络·学习
星辰徐哥14 小时前
ARP缓存表:作用、查看方法与刷新技巧
开发语言·缓存·php
阿珊和她的猫14 小时前
使用 TypeScript 实现数组类型判断方法
javascript·typescript·状态模式
ego.iblacat14 小时前
lvs 集群部署
开发语言·php·lvs
XTTX11014 小时前
Vue3+Cesium电子围栏效果
前端·javascript·vue.js