How to use 2 instances of Axios with different baseURL in the same app (vue.js)

Question

I\'m trying to learn vue.js so I made a little app that displays news articles from an API and, in another view, allows the user to log into another server.

For this

Answer 1

You'll want to create a new instance of axios with a custom config for each API you want that has a distinct baseURL.

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