Как сделать, чтобы axios заработал?

Question

[Николай Семенов]

Всем привет!

Пытаюсь подключить axsios во vue.
строка подключения
import axios from 'axios'
новое свойство экземпляра
Vue.prototype.$http = axios
в компонетах запрос:
this.$http.get(bla bla bla)
работает а вот в файле js находящемся в папке нет
код файла

import Vue from 'vue'

export default {
  getContacts (fn) {
    console.log(Vue.http)
    Vue.http.get('http://demo.fdlfk.com/users')
    debugger
      // .then(data => {
      //   if (data) {
      //     fn(data)
      //   }
      // })
  }
}

vue.http = undefined
помогииите

Comments

[Evgeny Kulakov]

$http и http без доллара или это просто в примере?
Сделайте console.log(Vue) в js модуле и посмотрите в консоле есть ли у него $http.

[Николай Семенов]

Evgeny Kulakov: пробовал и с долларом и без. выводил Vue в консоль, вывелось что-то непонятное строкой, но $http там не было. сделал два варианта и оба работают

export const HTTP = Vue.prototype.$http = axios
export const HTTP = axios.create({
baseURL: 'http://demo.fgdf.com/'
// })

хотел бы первый пользовать, но там минус что нельзя прописать baseURL
в файле импортирую { HTTP }

[Evgeny Kulakov]

Вроде через свойство можно задать:

axios.defaults.baseURL = 'https://api.example.com';

Answer 1

[monochromer]

Vue.prototype.$http = axios;

export default {
  getContacts (fn) {
    this.$http.get('http://demo.fdlfk.com/users')
  }
}

Comments

[Николай Семенов]

не работает, это было первое что я написал

[monochromer]

уверены, что прототип пропатчен до использования axios?

Answer 2

[Ваге]

вам нужно небольшая оболочка для интеграции axios в vuejs.https://git.io/v79SO