在utils文件夹下创建一个getImgUrl.ts文件

/** vite的特殊性, 需要处理图片 */
export const require = (imgPath: string) => {
    try {
        const handlePath = imgPath.replace('@', '..')
        console.log('handlePath::', imgPath)
        return new URL(handlePath, import.meta.url).href
    } catch (error) {
        console.warn(error)
    }
}

在需要的页面引入并使用