vue根据环境自动更换打包地址

在vue项目中测试环境和线上环境打包的时候每次都需要手动更换打包地址导致有时候忘记需要重写打包;
自动更换打包地址:原理很简单判断访问域名更换地址;

//1.定义所有环境服务器地址
const server={
    pro:"https://pro.xxx.com/api/",//生产环境
    dev:"http://dev.xxx.com/api/",//测试环境
    util:"http://util.xxx.com/api/"//其他环境,可以为空,为空则适配到测试环境
}
//2.获取当前访问域名,并根据域名判断当前环境,然后获取指定环境的服务器地址
var DOMIN="";//服务端接口访问跟路径
const origin=location.hostname//当前访问域名
for(var i in server){
    var item=server[i]
    if(item.indexOf(origin)>-1){
        DOMIN=item
    }
}
//3. 特殊情况处理,如果没有在server变量中匹配到具体环境,则依次读取util、dev
if(!DOMIN) DOMIN=server.util?server.util:server.dev
console.log("DOMIN",DOMIN)
export default
{
  DOMIN
}

猜你喜欢

转载自blog.csdn.net/qq_41950190/article/details/103562125