vue3.0 + Vite 图片资源处理

2022-10-22  本文已影响0人  博尔茨杰

第一次通过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
上一篇 下一篇

猜你喜欢

热点阅读