配置alias别名

在main.js中

const path = require('path')
const resolve = dir => path.join(__dirname, dir)
module.exports = {
chainWebpack: config => {
  // 添加别名
config.resolve.alias
  .set('@', resolve('src'))
  .set('assets', resolve('src/assets'))
  .set('api', resolve('src/api'))
  .set('views', resolve('src/views'))
  .set('components', resolve('src/components'))
 }
}

注意：如果图片重命名，图片前面必须添加一个~这样的符号