Vue项目中使用v-bind引入图片路径出现图片未找到的问题

问题

由于项目图片在打包后图片名会跟上一串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,
}

如此就可以获取到图片路径了~