package.json同级新建vue.config.js文件(可选文件，默认没有创建)。
const path = require('path');//引入path模块
function resolve(dir){
return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径
}
module.exports={
chainWebpack:(config)=>{
config.resolve.alias
.set('@',resolve('./src'))
.set('components',resolve('./src/components'))
.set('views',resolve('src/views'))
.set('assets',resolve('src/assets'))
//set第一个参数：设置的别名，第二个参数：设置的路径
}
}
<div>
1.<img src="~@/assets/logo.png" alt="">
2.<img :src="img" alt="">
3\. <div class="box imgurl"></div>
4\. <div class="box" :style="{background: 'url(' + img + ')' }"></div>
</div>
- 1、3 只能使用
~@/assets/logo.png - 2、4 只能使用
@/assets/logo.png
