Vite2+Vue3 动态渲染本地图片（跳坑）_vite new url

作者：知新_RL | 2024-02-15 19:46:07

踩

vite new url

Vite+Vue3 动态渲染本地图片

问题：在vite中如何动态渲染本地图片？以前在vue2+webpack中我们可以使用require函数，如下图所示动态渲染本地图片，但新版的vite2换环境中不支持该方法，所以提供以下两种方法动态渲染本地图片
在这里插入图片描述
1. 使用绝对路径

上图是原本的图片路径，这样编写肯定无法动态渲染；根据官方提供的方法，我们只要在路径前加/src，如下图所示，就可以正常访问

2. 使用new URL(url, import.meta.url)

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/86422