前端请求接口动态域名处理

1、有时候开发请求的域名和上线的域名去要分开，但是前端代码接口的域名很多时候我们开发都会写死，其实可以用动态域名，

根据我们访问的链接的域名来填充我们页面接口的域名

!(function(){
            window.BASE_API_URL = '';
            const hostname = window.location.hostname;
            const port = !window.location.port ? '' : ':' + window.location.port;

            if( hostname.startsWith('dev.') ){
                // 开发环境
                window.BASE_API_URL =  '//'+ hostname.replace(/^dev\./,'dev.api.').replace(/\.com$/,'.work') + port
            } else if( hostname.startsWith('test.')){
                // 测试环境
                window.BASE_API_URL =  '//'+ hostname.replace(/^test\./,'tet.api.').replace(/\.com$/,'.work') + port
            } else {
                // 生产环境
                window.BASE_API_URL =  '//api.'+ hostname + port
            }
            console.log(BASE_API_URL)
        }());