1. 下载 path 包

   npm i path --save

2. 在根目录创建 vue.config.js 文件，代码如下

   const path = require('path');
   function resolve(dir) {
       return path.join(__dirname, dir);
   }
   module.exports = {
       lintOnSave: false,	// 关闭 eslint 校验
       configureWebpack: {
           resolve: {
               alias: {
                   'src': resolve('src'),
                   'asim': resolve('src/assets/img'),
                   'asic': resolve('src/assets/icon'),
                   'ut': resolve('src/util'),
               }
           }
       }
   };

3. 使用

   <img src="~asim/loginBack.png" alt="">

   import api from "ut/api";

4. 注意

   • 每次修改 vue.config.js 文件后都要重启服务，重新执行 npm run serve
   • 在 html 中以 ～ 开头
   • 在 js 中不需要