vue3中引入本地图片

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

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

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

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

<img src="./assets/img.png" />
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容