vue.config.js

const path = require('path');

function resolve(dir) {
    return path.join(__dirname, dir)
}
const serveUrl = 'http://uknow.xyz:3000';
// const serveUrl = 'http://localhost:3000';

module.exports = {
    outputDir: 'web',
    // publicPath: '/web/', // 部署应用包时的基本 URL。
    chainWebpack: config => {

        // 添加别名
        config.resolve.alias
            .set('Nav', resolve('src/views/navigation'))
            .set('View', resolve('src/views'))
            .set('Component', resolve('src/components'))
            .set('Api', resolve('src/api'))
            .set('Utils', resolve('src/utils'))
        // 修改svg loader
        config.module
            .rule('svg')
            .exclude.add(resolve('src/assets/icons'))
            .end();

        // 添加svg-sprite-loader
        config.module
            .rule('svgSpriteLoader')
            .test(/\.svg$/)
            .include.add(resolve('src/assets/icons'))
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
                symbolId: 'icon-[name]'
            })
            .end();

        // 添加打包分析模式
        if (process.env.npm_config_report) {
            config
                .plugin('webpack-bundle-analyzer')
                .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
        }
    },
    devServer: {
        proxy: {
            '/api': {
                target: serveUrl,
                changeOrigin: true,
                // pathRewrite:{
                //     '^/api': '/api'
                // }
            },
            '/images': {
                target: serveUrl,
                changeOrigin: true,
            },
            '/avators': {
                target: serveUrl,
                changeOrigin: true
            },
            '/files': {
                target: serveUrl,
                changeOrigin: true
            }
        }
    }
}