Vite 4.x + React 批量导入图片打包部署不显示?-灵析社区

vite4.x+React批量导入图片打包部署后不显示 `vite.config.ts`中配置了`assetsDir: 'statics',`打包之后的图片都在`statics`目录中,导入图片的代码如下： const images = import.meta.glob('@/assets/images/sample/rack/*.png') const [imgUrlsMap, setImgUrlsMap] = useState() useEffect(() => { Promise.all( Object.keys(images).map(async (key) => { const module: any = await images[key](); const imageUrl = new URL(module.default, import.meta.url).href return imageUrl; }) ).then((urls) => { // const ImgPathMap: any = urls.reduce((total: any, current: any) => { return { ...total, [current?.split('/')?.slice(-1)[0]?.split('.')[0]]: current// 值：http://localhost:3187/imh_view/src/assets/images/sample/rack/6.png } }, {}) setImgUrlsMap(ImgPathMap) }) }, []) { rackSpeci?.map((item: any, idx: number) => ( onSpeciSelect(item,idx)} /> { item.name } ({ item.rowNum + 'X' + item.columnNum }） )) } 得到的图片地址：`http://localhost:3187/imh_view/src/assets/images/sample/rack/6.png` 问题描述：在本地开发环境中图片能显示出来，打包部署之后不显示，审核元素查看img元素甚至没看到src属性，请问该如何解决呢