Vite生成无效外部静态资源路径：Astro+Vue项目问题

场景复现 #

在Astro项目的Vue组件中直接引用本地图片：

<img src="./assets/bme-logo.png" />

执行构建启动命令 vite build && vite start 后，生成的HTML中图片路径被解析为node_modules内的绝对路径：

<img src="/node_modules/.pnpm/@visable-dev+vue@17.3.4_@visable-dev+routing@9.0.1_vue@3.2.47/node_modules/@visable-dev/vue/components/VisPageFooter/assets/bme-logo.png" data-v-7a2c58b2="">

尝试ES6导入后的测试报错 #

改用ES6导入方式引入图片：

import bmeLogo from './assets/bme-logo.png';

但运行Jest测试时抛出错误：

Cannot find module './assets/bme-logo.png?url' from 'index.vue'

内容的提问来源于stack exchange，提问作者George Katsanos