我们在用vue时储存图片时,一般把图片放在两种文件下,一个是static文件夹下,另外一个是assets文件夹下。
下面总体说一下这两个的区别及正确的引用方式:
static是放不会变动的图片(或文件),assets下放会变动或者可能会变动的图片(或文件)。
情况一:在html结构中直接引入src地址时可以用绝对路径的形式引用,如下:
情况二:在src路径以变量的形式定义引用,static和assets下文件引用将会有一定的差异,如下:
这种情况下,static下的图片可以用之前的绝对路径形式引入,并能成功展示在页面上;但assets下的图片则无法展示,因为webpack会将图片当做模块来引入,所以在js中需要用require将图片引进来。
———————————— 方向错了,停下来就是进步 ————————————