项目目录如下:
屏幕快照 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
求解。。
require的话用相对路径,然后一般引用的是assets文件夹下的。
其实static里的文件可以直接写绝对路径的。
然后使用绝对路径直接写的方式,打包之后运行的话,要用服务启动,不然绝对路径会不对,需要改别的配置。