Как использовать async/await в actions vuex?

Question

[RokeAlvo]

Посмотрел, кучу ответов на этот вопрос, но почему то в итоге не работает:
в sore.js

actions: {
         async initialCityList({ commit }) {
            const siteContacts = await fetch('/api/contacts')
            commit('setSiteContacts', siteContacts)
        }
    },

в компоненте:

async created() {
    await this.$store.dispatch("initialCityList");
  },

если меняю на new Promise ..... все отлично.

Comments

[Кирилл Романов]

не работает это как? Ошибка сборки, ошибка выполнения?

[RokeAlvo]

Ошибки выполнения появляются дальше, когда в siteContacts попадает объект, а не строка.

Answer 1

[RokeAlvo]

в общем разобрался, если кому будет полезно:
await fetch() возвращает объект Response
соответственно требуется выполнить await response.json() или другие методы, в зависимости от типа получаемых данных. Обращаю внимание на await: response.json() возвращает Promise, соответственно нужен await
Итого:

actions: {
         async initialCityList({ commit }) {
            const siteContacts = await fetch('/api/contacts')
            commit('setSiteContacts',  await siteContacts.json())
        }
    },

При использовании Axios:
axios.get() возвращает объект, который содержит тело ответа в поле data, соответственно итоговый код:

actions: {
         async initialCityList({ commit }) {
            const siteContacts = await axios.get('/api/contacts')
            commit('setSiteContacts', siteContacts.data)
        }
    },

Comments

[SansenSekai]

Что за жесть...
.then().catch() в помощь.

Answer 2

[Дмитрий]

https://stackoverflow.com/questions/49577394/which...