Axios http interceptors with NProgress

http-axios.js

import axios from 'axios'
import NProgress from 'nprogress'
import config, { isProduction } from '@/config'

/**
 * Axios methods
 * Doc: https://kapeli.com/cheat_sheets/Axios.docset/Contents/Resources/Documents/index
 *
 * http
 *    .get(url, { params })
 *    .post(url, { params })
 *    .delete(url, { params })
 *    .put(url, { params })
 *    .patch(url, { params })
 * */

export const API_PREFIX = 'api/admin'
const token = localStorage.getItem('token')

// create a new axios instance
const http = axios.create({
  baseURL: config.ApiBaseUrl,
  headers: {
    Authorization: token ? `Bearer ${token}` : ''
  }
})


// before a request is made start the nprogress
http.interceptors.request.use(config => {
  if (!isProduction) {
    Vue.$log.info('request', config)
  }

  NProgress.start()
  return config
})

// before a response is returned stop nprogress
http.interceptors.response.use(response => {
  if (!isProduction) {
    Vue.$log.info('response', response)
  }

  NProgress.done()
  return response
})

export default http