问题:
当我们需要使用位于assets文件夹下的静态资源时如background.png,一般会在对应的css区域用background:url(‘../’)等./ ../方式获取位于src/assets下的静态资源,通常情况这是可以做到的,但是如果当我们需要在js中对图片地址进行更改,而这图片位于src/assets文件夹下时,使用 import background from ‘./assets/background.png’是无法获取到的,必须要更改获取方式
解决方案:
使用相对路径@/assets的方式来获取位于src/assets下的资源,这里的@
是src
目录的缩写
import background from '@/assets/background.png';