vue配置别名

vue项目中其实自带了别名，即@表示src目录。可以在node-modules/@vue/cli-service/lib/config/base.js中看到配置。 vue在使用vue-cli建立项目就自动配置src的别名和文件格式的省略。 所以你如果只需要src的别名的话，就可以不用配置了。可以给assets和components文件夹配置别名。

• 首页先vue.config.js文件里面

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

• 根据自己项目目录配置对应的文件名，新增完之后，项目重启一下即可