vue 项目中针对不同的平台有不同的接口和不同的端口号的处理

vue 项目中针对不同的平台有不同的接口和不同的端口号的处理

在一个项目中出现个两个端口号或者是多个接口的解决方案

示例： 出现 端口 48080 和端口 48081 并且端口号48080对应的是admin-api ,48081对应的是bus-api 

解决方案：

request.js中进行处理（处理的方案就是，在里面添加一个标识，作为判断的依据）

  //console.log(config)

  if(config.params&&config.params.extra_myself){//extra_myself是你需要使用bus-api这个url时候，额外在参数中传递的一个参数。这个extra_myself参数对应的值可以是任意的字符串

   let url = config.baseURL;

   url = url.replace('48080/admin-api','48081/bus-api');

   config.baseURL = url;

  }

  //console.log(config)

  if(config.data&&config.data.extra_myself){

    let url = config.baseURL;

    url = url.replace('48080/admin-api','48081/bus-api');

    config.baseURL = url;

  }

 

添加了这两行即可，同时要注意的是，在接口对接的时候。做区分，extra_myself：“test”需要接在48081的接口中，也就是说，在每次接口对接的时候，把这个条数据带上

示例：

　　subBtn(){

　　　　let params={

　　　　　　“extra_myself”：“test”,

　　　　}

　　　　subBtnList(params).then((res)=>{

 

　　　　　　console.log(res)

　　　　})

　　　　

　　}