title: Axios - update headers on exported axios.create instance
body: <p>I have one <code>api.js</code> which exports by default an <code>axios.create()</code> instance:</p>
  <pre><code>import axios from 'axios'
  import Cookies from 'js-cookie'
  
  const api = axios.create({
    baseURL: process.env.VUE_APP_API_URL,
    timeout: 10000,
    headers: {
      'Content-Type': 'application/json',
      Authorization: `Bearer ${Cookies.get('Token')}`,
      Organization: Cookies.get('Organization'),
      Company: Cookies.get('Company')
    }
  })
  
  export default api
  </code></pre>
  <p>Then I import this in multiple files like this:</p>
  <pre><code>//api/users.js
  import api from './api.js'
  
  const methods = {
    postUser (params) {
      return api.post('/users', params)
    },
    getUser (id) {
      return api.get('/users/' + id)
    }
  }
  
  export default methods
  </code></pre>
  <p>However there will be some functions that should update the Cookies <code>Organization</code> and <code>Company</code> and I was wondering if is possible to update the default <code>api</code> instance and automatically update it in all imports that use it. I know a simple page refresh would work but I'm building a SPA and I would like to prevent screen to be manually refreshed.</p>