问题
由于项目图片在打包后图片名会跟上一串hash值,并且相对路径会改变。所以:
<img src="../../assets/logo.png"/>
这么写是可以的,因为打包的时候会自动锁定图片路径。
<img :src="url"/>
data {
url: '../../assets/logo.png'
}
这么写就会出现图片路径不对,无法找到图片的问题。
解决方案
<img :src="url"/>
import url from '../../assets/logo.png'
data {
url,
}
如此就可以获取到图片路径了~