axios.defaults.baseURL 设置请求不同域名的接口

Question

在vue-cli 里面怎样通过axios.defaults.baseURL 设置请求不同域名的接口？

比如说：当我请求接口地址为：https://www.baidu.com/**的时候
axios.defaults.baseURL = https://www.baidu.com
当我请求接口地址为：https://segmentfault.com/*的时候
axios.defaults.baseURL = https://segmentfault.com

线上环境存在不同域名的接口调用。

Answer 1

const ENV = process.env.NODE_ENV;

export const getBaseUrl = () => {
    if(ENV === 'development'){
        return 'http://127.0.0.1:4000';
    }else if(ENV === 'production'){
        return 'http://127.0.0.1:5000';
    }
}

Answer 2

你可以把不同域名的接口归类,然后生成不同的baseaxios
或者请求的时候直接写绝对路径,default baseurl就会失效