静态资源引用

vue2 + webpack

const imgUrl = require('@/assets/images/wendubg.png')

vue3 + vite

new URL 一共接收两个参数，第一个参数即图片的路径，这里就是对应require中的值，第二个参数是vite的一个全局变量，可以理解成直接写死了 import.meta.url

const imgUrl = new URL('@/assets/images/wendubg.png', import.meta.url).href