第一次通过vue3.0 + vite工具做项目,引用图片的时候,开发环境可以,但是打包之后放在服务器找不到路径了,特此做个记录。
图片文件放在assets文件中,通过imgInfo对象和H5中的Img中的图片路径做数据的绑定
var imgInfo = reactive({
editor:getImageUrl('editor'),
delete:getImageUrl('delete')
});
function getImageUrl(name) {
return new URL(`../assets/${name}.png`, import.meta.url).href;
}