Cómo usar 2 instancias de Axios con diferente baseURL en la misma aplicación (vue.js)

Solución:

Querrá crear una nueva instancia de axios con una configuración personalizada para cada API que desee que tenga una baseURL.

var instance = axios.create({
  baseURL: 'https://some-domain.com/api/',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
});

Simplemente puede usar múltiples instancias de axios y cada una tiene su propia configuración. Por ejemplo,

    import axios from "axios";

    // For common config
    axios.defaults.headers.post["Content-Type"] = "application/json";

    const mainAxios = axios.create({
        baseURL: 'https://some-domain.com/api/'
    });

    const customAxios = axios.create({
        baseURL: 'https://some-custom-domain.com/api/'
    });


    export {
      mainAxios,
      customAxios
    };

Sí, para mayor claridad:

let config = {baseURL: 'https://some-domain.com/api/',
  timeout: 1000,
  headers: {
   'X-Custom-Header': 'foobar',
    'Authorization' : `Bearer ${auth.token}` //where applicable
  }
};
let instance = axios.create(config);

Además, puede especificar los valores predeterminados de configuración que se aplicarán a cada solicitud.

axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form- 
urlencoded';```

---

---

Utiliza Nuestro Buscador