vue-cli怎么获取static下的图片？

Question

项目目录如下：
屏幕快照 2018-04-04 下午4.37.25

在config/index.js中设置

build:{
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
}

然后在vue文件中获取logo.png

data(){
    return {
        logoSrc: require('/static/logo.png')
    }
}

npm run dev
结果出错：

This dependency was not found:

* /static/logo.png in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/login/login.vue

To install it, you can run: npm install --save /static/logo.png

求解。。

Answer 1

require的话用相对路径，然后一般引用的是assets文件夹下的。
其实static里的文件可以直接写绝对路径的。

logoSrc: '/static/xxx'
// 或
logoSrc: require('../../static/xxx')

---

然后使用绝对路径直接写的方式，打包之后运行的话，要用服务启动，不然绝对路径会不对，需要改别的配置。