vue-cli 动态设置图片路径遇到的问题

<template>
<figure v-for="(item, index) in list">
    <div class="wrap">
        <img class="image" v-bind:src="item.img" />
    </div>
</figure>
</template>
<srript>
var swiptData = [
    {
        title: ‘1‘,
        link: ‘//baidu.com‘,
        img: ‘/static/assets/images/explorations1.jpg‘
    },
    {
        title: ‘2‘,
        link: ‘//163.com‘,
        img: ‘/static/assets/images/explorations2.jpg‘
    },
    {
        title: ‘3‘,
        link: ‘//sports.sina.com.cn‘,
        img: ‘/static/assets/images/explorations3.jpg‘
    }
];
export default {
        name: ‘Banner‘,
        data(){
            list: swipeData
        }
}
</script>

问题：图片一直显示 404 错误，vue-cli无法解析路径，不能让图片打包到 dist 目录

解决：

如果你是vue-cli初始化的项目，解决的办法：
第一步，把图片放到src同级的static目录（build/build.js文件中有一段代码是把static目录拷贝到dist/static的），比如图片放在static/a.png
第二步，js中使用/static/a.png去引用就行了。