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':''
                }
            }
        }
    }
}