在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': '' //路径重写 
                }
            }
        }

 

Logo

前往低代码交流专区

更多推荐