Vue2项目Vuex Store未发起API请求且无数据显示求助

我在Vue2项目中配置了Vuex Store，其中myModule模块通过axios编写了fetchPosts action用于请求API获取数据，但每次访问Store时都看不到数据，Vue DevTools中也无数据展示。以下是相关代码及依赖信息，请求排查问题原因：

Store文件代码 #

import Vue from 'vue';
import Vuex from 'vuex';
import myModule from './modules/myModule';
Vue.use(Vuex);
const store = new Vuex.Store({
  modules: {
    myModule,
  },
});
export default store;

模块代码 #

import axios from 'axios';

const state = {
  posts: []
};
const getters = {
  allPosts: state => state.posts
};
const actions = {
  async fetchPosts({ commit }) {
    try {
      const response = await axios.get('https://jsonplaceholder.typicode.com/posts');
      console.log(response)
      commit('setPosts', response.data);
    } catch (error) {
      console.error(error);
    }
  }
};
const mutations = {
  setPosts: (state, posts) => {
    state.posts = posts;
  }
};
export default {
  state,
  getters,
  actions,
  mutations
};

main.js文件代码 #

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'

Vue.config.productionTip = false
Vue.config.devtools = true;
new Vue({
  el: '#app',
  router,store,
  components: { App },
  template: '<App/>'
})

package.json依赖 #

"dependencies": {
  "axios": "^1.4.0",
  "vue": "^2.5.2",
  "vue-router": "^3.0.1",
  "vuex": "^3.6.2"
},

排查步骤及可能原因 #

• 确认fetchPosts action是否被触发
  定义了action但未调用的话，API请求不会执行。检查组件的created/mounted钩子、路由守卫或其他初始化逻辑中，是否调用了this.$store.dispatch('fetchPosts')。
• 正确查看Vue DevTools中的模块数据
  模块化Vuex的数据不在根state下，需切换到DevTools的Modules标签，找到myModule后查看内部的posts字段。
• 检查axios与Vue2的兼容性
  当前axios版本为1.4.0，而Vue2.5.2版本较老，高版本axios可能存在适配问题。尝试降级axios至0.27.2版本后重新测试。
• 查看控制台日志定位问题
  action中已添加console.log(response)：
  • 无日志输出 → action未触发；
  • 有日志但数据未更新 → 检查mutation是否正确（如函数名拼写、state赋值逻辑）；
  • 出现错误日志 → 根据错误信息排查请求问题（jsonplaceholder允许跨域，此概率极低）。
• 确认组件中数据获取路径正确
  模块化后，直接访问this.$store.state.posts无法拿到数据，需使用this.$store.state.myModule.posts；若使用getter，可通过this.$store.getters.allPosts获取（未开启命名空间时，getter为全局可见）。

内容的提问来源于stack exchange，提问作者jibzy