vue3 动态渲染本地图片(跳坑)有问题

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

  1. 使用绝对路径
  2. 在这里插入图片描述
    上图是原本的图片路径,这样编写肯定无法动态渲染;根据官方提供的方法,我们只要在路径前加/src,如下图所示,就可以正常访问
    在这里插入图片描述
    2. 使用new URL(url, import.meta.url)
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45932157/article/details/126060508