多个域名指向统一资源时前端应该如何处理？

在定义请求时，根据不同的环境定义了不同的请求地址，这样可以按照不同环境打包不同文件如下：

const HOST = process.env.NODE_ENV;  
if(HOST === 'development'){
    base = {
        server1: 'http://dev.xxx.com'
    }
}else if(HOST === 'production'){
    base = {
        server2: 'http://pro.xxx.com'
    }
}

现在线上资源 部署在 pro.xxx.com 域名下，另有 pro2.xxx.com 域名同样请求同一线上资源就会报跨域问题。请问这个问题要如何解决？