API 호출에서 Vuex 스토어의 일부 데이터를 설정하는 방법

API 호출에서 Vuex 스토어의 일부 데이터를 설정하는 방법

따라서 Vuex에서 API로 가져온 데이터 배열을 설정하는 방법을 알 수 없습니다.

이게 내가 하려는 거야

/* store/modules/galleries.js */

// mutations
const mutations = {
    SET_GALLERIES(state, galleries) {
        state.galleries = galleries;
    }
};

// actions
const actions = {
    fetchAllGalleries({ commit }) {
        Vue.prototype.$oauth.request('/galleries')
            .then(galleries => {
                console.log(galleries) // [{...}, {...}, ...]
                commit('SET_GALLERIES', galleries);
            });
     }
}

/* myComponent.vue */

computed: {
    ...mapState('galleries', ['galleries'])
},
mounted() {
    this.$store.dispatch('galleries/fetchAllGalleries');
}

하지만 왠지 나의state.galleries커밋이 호출되어도 항상 원래 상태를 유지합니다.

에러의 원인은 무엇입니까?

언급URL : https://stackoverflow.com/questions/60462959/how-to-set-some-datas-in-vuex-store-from-an-api-call