Как получить данные при axios запросе в Vue.js?

Question

[Александр]

Здравствуйте, при попытки получить данные у меня такая ошибка:

Запрос отправляю вот так:

const results = this.$http.get('oauth.login', { params: user })
        console.log(results.data)

Я проверял отправляется ли запрос и к удивлению все гуд:

Почему так получается?)

Comments

[origami1024]

const results = this.$http.get('oauth.login', { params: user })
console.log(results.data)

А console.log() точно синхронно ждет, пока в results не вернется результат?

[Александр]

origami1024, нет, но сейчас поправлю

[segio_tt]

Async await, ещё хорошо сделать постом , а не гетом

[Александр]

segio_tt, спасибо, обязательно учту

Answer 1

[Андрей]

const results = await this.$http.get('oauth.login', { params: user })
        console.log(results.data)

Comments

[Александр]

Сделал как вы написали, но вот незадача, опять ошибка

async login ({commit}, user) {
      return new Promise((resolve, reject) => {
        commit('clearError')
        commit('setLoading', true)

        const results = await this.$http.get('oauth.login', { params: user })
        console.log(results.data)
      })
    }

[Андрей]

Александр, промис возвращать не нужно.

async login ({commit}, user) {
        commit('clearError')
        commit('setLoading', true)
        // Хорошей практикой обернуть асинхронные вызовы в try catch
        try {
            const results = await this.$http.get('oauth.login', { params: user })
            console.log(results.data)
        catch (error) { // blablabla }
    }

[Александр]

Андрей, смотрите я обрабатываю все ошибки путем перехвата:

API.interceptors.response.use(
  response => {
    if (response.data instanceof Blob) {
      return response.data;
    }
    return response.data.data || {};
  },
  error => {
    if (error.response) {
      Vue.prototype.$buefy.toast.open({
        message: error.response.data.message || "Something went wrong",
        type: "is-danger"
      });
    } else {
      Vue.prototype.$buefy.toast.open({
        message: "Unable to connect to server",
        type: "is-danger"
      });
    }
    return Promise.reject(error);
  }
)

Я могу выбросить: catch (error) { }?

[Андрей]

Александр, нет, в экшне все равно случится ошибка, поэтому надо обернуть)

[Александр]

Андрей, хорошо, большое спасибо за помощь, успехов вам)