vue3+vite引入图片不能再用require,要使用new Url(完整方法步骤)

在这里插入图片描述
由于vite里面没有require(), 所以需要封装个工具

export const getAssetURL = (image) => {
  // 参数一: 相对路径
  // 参数二: 当前路径的URL
  return new URL(`../assets/img/${image}`, import.meta.url).href
}

vue3+vite引入图片不能再用require,要使用new Url(完整方法步骤)_第1张图片
vue3+vite引入图片不能再用require,要使用new Url(完整方法步骤)_第2张图片
vue3+vite引入图片不能再用require,要使用new Url(完整方法步骤)_第3张图片

你可能感兴趣的:(vue3,javascript,vue3,动态图片,图片)