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

项目目录如下:
屏幕快照 2018-04-04 下午4.37.25
clipboard.png

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

求解。。

回答:

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

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

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注