vue3中引入本地图片

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3中引入本地图片相关的知识,希望对你有一定的参考价值。

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

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

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

以上是关于vue3中引入本地图片的主要内容,如果未能解决你的问题,请参考以下文章

Vite中不能使用require,该怎么动态获取静态图片资源?

Vue/vant引入本地图片路径方法

vue创建二:引入本地图片

react中img引入本地图片的2种方式

react 本地图片的引入方式

在vue项目开发中, 为啥图片要用require 引入。。。而不是直接写本地路径