vue2+axios项目简单区分开发环境、测试环境及生产环境以加载不同域名

 在main.js 或者你自己配置的api.js中使用，原理：根据获取到的URL的主机名 来判断是开发环境或测试环境或正式环境，来设置不同的baseUrl

let baseUrl = '';
if (location.hostname == '***') { //测试环境
    baseUrl = '***';
} else if (location.hostname == '*****') { //正式环境
    baseUrl = '*****';
} else { //开发环境
    baseUrl = '/api'
}
axios.defaults.baseURL = baseUrl;

开发环境 '/api' 是因为我的这个项目使用了反向代理，不清楚的小伙伴可以看下面，明白的请忽略！

在config/index.js中配置proxytable

proxyTable: {
            '/api': {
                target: 'http://****', //测试地址
                changeOrigin: true, //改变源 
                pathRewrite: {
                    '^/api': '' //路径重写 
                }
            }
        }