Vue2环境变量配置以及请求的代理跨域

环境变量配置：

.env 所有环境均会加载

.env.development ：yarn serve会加载，本地开发模式

.env.preview：预览环境会加载

.env.production：yarn build、正式环境会加载

比如在本地运行模式中，同时加载.env和.env.development中的变量，但是相应环境下.env.xxx的变量优先级高于.env，所以.env中变量会被.env.development中的同名变量替换

通过proxy代理跨域请求

前提：在reuqest.js中所有的请求中加入/api

const request = axios.create({
    //下面等同于//api
    baseURL: process.env.VUE_APP_API_BASE_URL,
})

vue.config.js

 devServer: {
        proxy: {
            'api/': {
                target: process.env.VUE_APP_BASE_API, //遇到路径api/，将api/及其之前的所有东西替换为process.env.VUE_APP_BASE_API  (例如：http://133.30)
                changeOrigin: true,// 是否跨域
                pathRewrite: {
                    '^/api': '/',
                    // 将所有匹配到的 /api 替换为 / 
                    //比如我们请求了  http://localhost:8080/api/getList, 那么实际请求的是  http://133.30/getList
                }
            },
        }
    },