vue3中引入本地图片

本地图片一般存放在src/assets或者public目录下,public目录下的图片不会被webpack打包,src目录下面的图片会被webpack打包

在vue组件中的script中使用require引入,require里面为图片路径,一般用相对路径,注意require不能接收变量作为地址

require('@/assets/img.png')

在vue组件中的视图中直接使用相对地址


你可能感兴趣的:(vue3中引入本地图片)