// 导出获取图片URL的函数 export const getImageUrl = (path) => { // 如果path不存在或不是字符串,直接返回空字符串 if (!path || typeof path !== 'string') { console.error('getImageUrl: path 参数无效或为空', path); return ''; } // 如果是绝对URL(http://或https://开头),直接返回 if (path.startsWith('http://') || path.startsWith('https://')) { return path; } // 否则处理为本地资源 // 使用Vite支持的动态导入方式 try { // 根据不同的图片路径,返回对应的导入URL // 注意:这种方式需要为每个图片路径单独添加映射 // 您可以根据实际需要扩展这个映射表 const imageMap = { 'img/honor1.png': new URL('../assets/img/honor1.png', import.meta.url).href, 'img/honor2.png': new URL('../assets/img/honor2.png', import.meta.url).href, 'img/honor3.png': new URL('../assets/img/honor3.png', import.meta.url).href, 'img/dynamic1.png': new URL('../assets/img/dynamic1.png', import.meta.url).href, 'img/dynamic2.png': new URL('../assets/img/dynamic2.png', import.meta.url).href, // 可以根据需要添加更多图片路径映射 }; // 如果找到对应的映射,返回映射的URL if (imageMap[path]) { return imageMap[path]; } else { // 如果没有找到映射,尝试使用默认方式 console.warn('图片路径未在映射表中找到:', path); return new URL(`../assets/${path}`, import.meta.url).href; } } catch (error) { // 如果构建失败,打印错误信息并返回空字符串 console.error('图片加载失败:', error, '路径:', path); return ''; } }