第一次通過vue3.0 + vite工具做項目库糠,引用圖片的時候滤灯,開發(fā)環(huán)境可以,但是打包之后放在服務器找不到路徑了曼玩,特此做個記錄。
圖片文件放在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;
}
image.png
image.png