vite 为什么遍历引用静态资源会找不到?
// 相同的路径为什么静态可以,遍历之后通过变量却不行,请问怎么解决呢
<template v-for="(item, index) in nodeTypeList">
<el-menu-item>
<img class="item-img" src="../../../assets/img_start.jpg" /> // 这个可以
<img class="item-img" :src="item.logImg" /> // 这个不行
</el-menu-item>
</template>
const nodeTypeList = ref( [{
type: 'start',
typeName: '开始',
nodeName: '开始',
logImg: '../../../assets/img_start.jpg'
}])
回答:
官网提到了静态资源的方案
https://cn.vitejs.dev/guide/a...
function getImageUrl(name) { return new URL(`./dir/${name}.jpg`, import.meta.url).href
}
以上是 vite 为什么遍历引用静态资源会找不到? 的全部内容, 来源链接: utcz.com/p/933262.html