http vue

http.js

import axios from 'axios'

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

const interceptors = (http) => {
  http.interceptors.request.use((config) => {
    // loading start
  }, (error) => {
    loadingInstance.close()
    return Promise.reject(error)
  })

  // Add a response interceptor
  http.interceptors.response.use((response) => {
    if (response.headers.hasOwnProperty('newtoken')) {
      setToken(response.headers.newtoken)
    }
    // loading end
    return response
  }, (error) => {
    if (error.response.data.hasOwnProperty('error')) {
      const errorMessage = error.response.data.error
      if (errorMessage === 'token_expired' || errorMessage === 'token_invalid') {       
        router.push('auth')
      }
    }
    // loading end
    return Promise.reject(error)
  })
}

export function setToken (token) {
  http.defaults.headers.common.Authorization = `Bearer ${token}`
}

export default function install (Vue) {
  interceptors(http)
  Vue.prototype.$http = http
}

main.js

...
import http from './http'
Vue.use(http)
...