vue cli3+ 搭建的vue项目中的vue.config.js相关简单配置

1. vue cli官网：https://cli.vuejs.org/zh/

2. vue.config.js：如果没有，就在根目录下创建一个vue.config.js文件。

const path = require('path')
const resolve = dir => path.join(__dirname,dir)
module.exports={
    baseUrl:process.env.NODE_ENV ==='procution'?'/static-prd':'/',  //配置基本文件，根据开发环境或者生产环境，生产环境配置为域名下的/static-prd,开发环境就是根部目录下。
    lintOnSave:false, //是否校验eslint
    productionSourceMap:false,  //打包时是否生成.map文件，减少打包体积
    outputDir: 'www',  //打包输出的文件名
    publicPath: './',  //打包输出的位置
    chainWebpack: config => {  //开发环境高阶设置
        config.resolve.alias
            .set('@',resolve('src')) //设置@代替src文件，vue cli3+默认已经配置好@ 代替src文件
    }
    devServer: {    //跨域代理
        open: true, 
        host: '0.0.0.0',
        port: 8082,
        https: false,
        hotOnly: false, 
        proxy: {  //可设置多个跨域代理
            '/api': {//以/api开始的路由的baseUrl由target:'http://xxx.xxx.x.xxx:8083'代理      
                target: 'http://xxx.xxx.x.xxx:8083',          
                changeOrigin: true,
                ws: false,
                secure: false,
                pathRewrite:{
                    '^/api':''
                }
            },
            '/ace': {//以/ace开始的路由的baseUrl由target:'http://xxx.xxx.x.xxx:123'代理      
                target: 'http://xxx.xxx.x.xxx:123',          
                changeOrigin: true,
                ws: false,
                secure: false,
                pathRewrite:{
                    '^/ace':''
                }
            }
        }
    }
}