鍍金池/ 問答/HTML/ vue-cli怎么獲取static下的圖片？

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
結(jié)果出錯：

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')

然后使用絕對路徑直接寫的方式，打包之后運行的話，要用服務啟動，不然絕對路徑會不對，需要改別的配置。

2017年3月9日 18:46