axios配置多个baseurl_axios配置多个baseurl请求

一：配置部分

config/dev.env.js：

const merges = require('webpack-merge');
const prodEnv = require('./prod.env');
 
module.exports = merges(prodEnv, {
  NODE_ENV: 'development',
  APP_NAME: '****',
  API_ROOT: '"https://xxx.xxx.xxx.xx:xxxx"'
});

config/prod.env.js：

module.exports = {
  NODE_ENV: 'production',
  APP_NAME: '*********',
  API_ROOT: 'http://xxx.xxx.xxx.xx:xxxx'
};

axios/index.js：

import axios from 'axios'
import store from '../store'
import router from '../router'
import Vue from 'vue';
let v = new Vue();
let _this = this;
var repeatUrl = ""//防止重复提交
 
const http = axios.create({
  timeout: 10000 * 12,
  baseURL: process.env.API_ROOT, //地址1
  headers: {
    'X-Requested-With': 'XMLHttpRequest'
  }
})
const http1 = axios.create({
  timeout: 10000 * 12,
  baseURL: "http://ss.sss.s.ss:ssss", //地址2
  headers: {
    'X-Requested-With': 'XMLHttpRequest'
  }
})
 
http.interceptors.request.use(
  config => {return config}, 
  error => { return Promise.reject(error)}
);
 
http1.interceptors.request.use(config => {
  return config;
}, error => {
  return Promise.reject(error);
});
 
http.interceptors.response.use(response => {
    return response;
  },
  error => {}
);
 
http1.interceptors.response.use(response => {
    return response;
  },
  error => {}
);
 
export {http, http1}

main.js：

import {http} from './axios'
import {http1} from './axios'
 
Vue.prototype.$http = http
Vue.prototype.$http1 = http1

二：使用

//使用地址1请求:
this.$http.get(`${this.urlType}/toCheck`).then((res) => {})
//使用地址2请求:
this.$http1.get(`${this.urlType}/toCheck`).then((res) => {})