vue3.0 + Vite 图片资源处理

第一次通过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;
    }
image.png

image.png

你可能感兴趣的:(vue3.0 + Vite 图片资源处理)