Функция Then () не выполняется в функции хранения vue

Question

под консольным сообщением печатается

console.log("loadPosts check 11");
console.log("loadPosts check 22");

, но это не печатается

console.log("res : ", res);

возможно тогда () не оправдано, но я не знаю причину

    loadPosts({ commit, state }, payload) {
        console.log("loadPosts check 1111");
        if (state.hasMorePost) {
            console.log("loadPosts check 2222");
            this.$axios.get(`http://localhost:3085/posts?offset=${state.mainPosts.length}&limit=10`)
            .then((res) => {
                console.log("res : ", res);
                    commit('loadPosts', res.data);
                }).catch((err) => {
                    console.log("err : ", err);
                });
        }
    },

если вы знаете причину, спасибо, дайте мне знать

введите описание изображения здесь

Answer 1

Вы должны использовать ключевые слова async и await.

async loadPosts({ commit, state }, payload) {
        console.log("loadPosts check 1111");
        if (state.hasMorePost) {
            console.log("loadPosts check 2222");
            await this.$axios.get(`http://localhost:3085/posts?offset=${state.mainPosts.length}&limit=10`)
            .then((res) => {
                console.log("res : ", res);
                    commit('loadPosts', res.data);
                }).catch((err) => {
                    console.log("err : ", err);
                });
        }
    },