TypeError: Cannot read property 'protocol' of undefined

“Uncaught (in promise) TypeError Cannot read property ‘protocol’ of undefined”

Vue 2.x 버전에서는 axios 를 사용할 때, Vue.use(axios) 와 같이 사용하면 위와 같은 에러가 발생한다.

그러므로 다음과 같이 사용해야 한다.

 

Vue.use(axios); // Incorrect

Vue.prototype.$http = axios; // Correct

 

예시 )

import Vue from 'vue'

import Index from '@/views/Index'

import store from '@/store/store'

import router from '@/router/router'

// import ElementUI from 'element-ui'

// import 'element-ui/lib/theme-chalk/display.css'

import '@/commons/css/public.css'

import { dateFormat } from '@/utils/DateUtils'

 

// axios.defaults.withCredentials = true;

// axios.defaults.crossDomain = true;

// axios.defaults.baseURL = 'http://localhost:80';

Vue.prototype.$http = axios;   <--------------이부분