解决vue3 + vite + ts 中require失效的问题(require is not defind)

解决方法:创建一个工具文件getImge.ts

// 获取assets静态图片
export const getAssetsImge = (url: string) => {
  return new URL(`../assets/home/${url}`, import.meta.url).href
}

使用工具文件:

import { getAssetsImge } from '@/utils'

html中

          <el-avatar class="w-6 h-6" :src="getAssetsFile('user.png')" />

          <img class="w-6 h-6" :src="getAssetsFile('user.png')" alt="" />

标签： javascript 前端 typescript

本文转载自: https://blog.csdn.net/qq_37130872/article/details/128133646
版权归原作者 夹道欢呼 所有，如有侵权，请联系我们删除。