vue.config

module.exports = {
    // 选项...
    /* 部署应用包的基本URL */
    publicPath: '/',

    /* 当运行 vue-cli-service build 时生成的生产环境构建文件的目录 defalut: dist */
    outputDir: './dist',
    //可根据不同环境打包不同地址
    //outputDir: process.env.NODE_ENV == 'production' ?
    // '../../../../dist-mobile/product/course' : process.env.NODE_ENV == 'stage' ?
    // '../../../../dist-mobile/stage/course' : process.env.NODE_ENV == 'qa' ?
    //'../../../../dist-mobile/qa/course' : '../../../../dist-mobile/run/course',
    productionSourceMap: false, //是否在构建生产包时生成sourceMap文件，false将提高构建速度
    /* 放置生成的静态文件目录（js css img） */
    assetsDir: 'static',
    lintOnSave: true, //是否开启eslint保存检测，有效值：true、false、error
    /* 指定生成的index.html 输出路径 相对 default: index.html */
    indexPath: 'index.html',

    /* 指定生成文件名中包含hash default: true */
    filenameHashing: true,
    css: {
        loaderOptions: {
            scss: {
                prependData: `@import "@/styles/common.scss";`
            }
        }
    },
    chainWebpack: config => {
        const svgRule = config.module.rule("svg");
        svgRule.uses.clear();
        svgRule.exclude.add(/node_modules/);
        svgRule
            .test(/\.svg$/)
            .use("svg-sprite-loader")
            .loader("svg-sprite-loader")
            .options({
                symbolId: "icon-[name]"
            })
            .end()
    },
    // 所有 webpack-dev-server 的选项都支持。
    devServer: {
        host: '0.0.0.0',
        port: 8800, // 端口号
        https: false,
        open: true, //配置自动启动浏览器

        // 配置多个代理
        proxy: {
            '/api': {
                target: process.env.VUE_APP_URL,//"http://127.0.0.1:8081",
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/api', //为空时 去掉接口地址中的api字符串
                },
            },
        },
    },
}

配置vue3环境变量