vue中使用@路径别名

1. 直接使用@

vue项目中默认定义了@别名 ， @代表着到src这个文件夹的路径

import request from '@/utils/axios'

2. vue.config.js配置

没有path模块需要先安装path
npm install path --save

const path = require("path");

function resolve(dir) {
    return path.join(__dirname, dir);
}

module.exports = {
    chainWebpack: config => {
        config.resolve.alias
          .set("@", resolve("src"))
          .set("@api", resolve("src/api"))
          .set("@assets", resolve("src/assets"))
          .set("@components", resolve("src/components"))
          .set("@utils", resolve("src/utils"))
    }
}