vite 为什么遍历引用静态资源会找不到？

Question

// 相同的路径为什么静态可以，遍历之后通过变量却不行，请问怎么解决呢

<template v-for="(item, index) in nodeTypeList">
    <el-menu-item>
        <img class="item-img" src="../../../assets/img_start.png" /> // 这个可以
        <img class="item-img" :src="item.logImg" /> // 这个不行
    </el-menu-item>
</template>


const nodeTypeList = ref( [{
    type: 'start',
    typeName: '开始',
    nodeName: '开始',
    logImg: '../../../assets/img_start.png'
}])

Answer 1

官网提到了静态资源的方案
https://cn.vitejs.dev/guide/a...

function getImageUrl(name) {
  return new URL(`./dir/${name}.png`, import.meta.url).href
}