Vue3中图片资源链接的方式 new URL_vue3 图片 65.png:1 get file:///d:/5.5%e5%b7%a5%e4%bd

作者：从前慢现在也慢 | 2024-02-15 19:42:28

踩

vue3 图片 65.png:1 get file:///d:/5.5%e5%b7%a5%e4%bd%9c%e6%96%87%e4%bb%b6/na

Vite Vue3

#需要的改动

vite.config.ts

optimizedeps: {
    esbuildoptions: {
      target: 'es2020'
    }
  },
  build: {
    target: 'es2020'
  },
1
2
3
4
5
6
7
8

在这里插入图片描述

<img src="/image/carLOGO.png" alt="" srcset="" />
1

 <div class="img"><img :src="img"></div> //使用
 cosnt img = ref(new URL("/image/car2.jpg", import.meta.url).href)//声明
1
2

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/86393