打开build文件夹下的配置文件 webpack.base.conf.js
中设置别名
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'assets': resolve('src/assets')//划重点 ~线
'@img': resolve('src/assets/images')
}
},
@指向路径 src
@img指向 src/assets/images
配置好保存之后,重启项目(npm run dev)。