main.js에서 axios 대신에 default 설정을 정의한 스크립트 파일을 import하여 사용한다.

main.js
import $http from '@/utility/http'

Vue.prototype.$http = $http
http.js
import axios from 'axios'

/**
 * axios default 설정 정의
 * @type {AxiosInstance}
 */
const $http = axios.create({
  baseURL: '/api',
  headers: {
    'content-type': 'application/json;charset=UTF-8',
    'domain': 'aibril'
  }
})

/**
 * error 발생 시에 공통으로 처리하기 위해 정의한 부분
 */
$http.interceptors.response.use(null, function (error) {
  console.error(error)
  if (error.status === 401) {
    console.error('error 401')
  }
  return Promise.reject(error)
})

export default $http

Polyfill 적용

axios는 IE에서 공식적으로 지원하지 않으므로 Polyfill을 적용해주어야함

Reference