此方法是vue cli3 以上的版本

新建一个文件vue.config.js

然后在里面添加这段代码

module.exports = {
    configureWebpack: {
        resolve: {
            alias: { //配置别名,修改后需要重新编译才能生效
                'assets': '@/assets',
                'common': '@/common',
                'components': '@/components',
                'network': '@/network',
                'views': '@/views',
            }
        }
    }
}

如图：

 

 配置别名需要重新运行项目才能生效