Vue.js 则（）函数不在vue存储函数中执行

下面是控制台消息

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);
                });
        }
    },

如果你知道原因，谢谢你让我知道

在此处输入图像描述

您应该使用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);
                });
        }
    },

---

如果您的then没有执行，则catch是，但是您没有编写catch，因此您错过了错误。编写catch-catcherr=>console.logerr，然后跟踪该错误。谢谢我以前尝试过，但不起作用没有打印消息，我再次更新谢谢谢谢，但不起作用我更新了=>this.$axios。gethttp://localhost:3085/posts?offset=${state.mainPosts.length}&limit=10，但结果是打印sameloadPosts 1111 loadPosts 2222，这就是全部感谢扫描您在浏览器开发工具的“网络”选项卡上检查请求是否成功？rcbgalido感谢回答i更新的网络选项卡图像