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

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

相关推荐
EmbedLinX2 分钟前
C语言标准库stdlib.h
c语言·开发语言·笔记
百锦再24 分钟前
Java中的日期时间API详解:从Date、Calendar到现代时间体系
java·开发语言·spring boot·struts·spring cloud·junit·kafka
NEXT0633 分钟前
普通函数与箭头函数的区别
前端·javascript·面试
A懿轩A42 分钟前
【Java 基础编程】Java 枚举与注解从零到一:Enum 用法 + 常用注解 + 自定义注解实战
java·开发语言·python
mjhcsp1 小时前
C++ 树形 DP解析
开发语言·c++·动态规划·代理模式
TechFind1 小时前
如何为 AI Agent 写出完美的 SOUL.md 人格文件(2026指南)
javascript
薛一半1 小时前
React三大属性之refs
前端·javascript·react.js
yaoxin5211231 小时前
328. Java Stream API - 使用 Optional 的正确姿势:为何、何时、如何使用
java·开发语言
岱宗夫up1 小时前
从代码模式到智能模式:AI时代的设计模式进化论
开发语言·python·深度学习·神经网络·自然语言处理·知识图谱
我命由我123451 小时前
Visual Studio 文件的编码格式不一致问题:错误 C2001 常量中有换行符
c语言·开发语言·c++·ide·学习·学习方法·visual studio