解决vite+ts 引用本地图片 require问题

因为在vue3中   require 被放弃使用 所有 采用一下方式

function get_img_url = (name: any) => {
  return new URL(`/src/assets/img/${name}`, import.meta.url).href;
}

onst data = reactive({
  img_url: [
    { url: get_img_url("login1.jfif") },
    { url: get_img_url("login2.jfif") },
    { url: get_img_url("login3.jfif") },
    { url: get_img_url("login4.jfif") },
  ],
});
const { img_url } = toRefs(data)

你可能感兴趣的:(前端,javascript,servlet)