const path = require('path') function resolve (dir) { return path.join(__dirname, dir) } // vue.config.js module.exports = { pages: { index: { entry: 'src/main.js', chunks: ['chunk-vendors', 'chunk-common', 'index'] } }, configureWebpack: { }, chainWebpack: (config) => { config.resolve.alias .set('@$', resolve('src')) .set('@api', resolve('src/api')) .set('@assets', resolve('src/assets')) .set('@comp', resolve('src/components')) .set('@views', resolve('src/views')) .set('@layout', resolve('src/layout')) .set('@static', resolve('src/static')) }, css: { loaderOptions: { less: { modifyVars: { /* less 变量覆盖,用于自定义 ant design 主题 */ 'primary-color': '#F5222D', 'link-color': '#F5222D', 'border-radius-base': '4px', }, javascriptEnabled: true, } } }, devServer: { proxy: { '/api': { target: 'https://www.easy-mock.com/mock/5b7bce071f130e5b7fe8cd7d/antd-pro', ws: true, changeOrigin: true }, '/gateway': { target: 'https://www.easy-mock.com/mock/5b7bce071f130e5b7fe8cd7d/antd-pro', changeOrigin: true, pathRewrite: { '^/gateway': '/api' } } } } }