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

回到顶部