能否向Vuex Store传递两个请求？单请求执行异常排查

不需要拆分Vuex模块，单Store完全可以处理多个API请求，模块拆分只是为了优化代码结构，不是解决当前问题的必要条件。

核心问题排查 #

1. 未触发产品分类的Action #

从你提供的代码看，组件模板中使用了PRODUCT_CATEGORIES getter，但没有在组件脚本中调用对应的GET_PRODUCT_CATEGORIES_FROM_API Action——这是请求未执行的最可能原因。你只触发了获取国家列表的Action，却漏掉了产品分类的请求触发逻辑。

2. 潜在的依赖问题 #

Store的index.js中直接使用了axios，但代码顶部没有导入axios：

// 缺失这一行
import axios from 'axios'

如果国家请求能正常执行，可能是你全局挂载了axios（比如Vue.prototype.$axios），但这种写法不规范，容易导致潜在错误。

修复步骤 #

步骤1：在组件中触发产品分类Action #

在Questionnaire.vue的<script>标签中，添加Action触发逻辑：

<script>
import { mapGetters, mapActions } from 'vuex'

export default {
  computed: {
    // 映射getter，确保模板能拿到数据
    ...mapGetters(['COUNTRIES', 'PRODUCT_CATEGORIES'])
  },
  methods: {
    // 映射Action
    ...mapActions(['GET_COUNTRIES_FROM_API', 'GET_PRODUCT_CATEGORIES_FROM_API'])
  },
  mounted() {
    // 同时触发两个请求
    this.GET_COUNTRIES_FROM_API()
    this.GET_PRODUCT_CATEGORIES_FROM_API()
  }
}
</script>

步骤2：修复Store的axios导入 #

在index.js顶部添加axios导入：

import Vue from 'vue'
import Vuex from 'vuex'
import axios from 'axios' // 添加这一行

Vue.use(Vuex)

// ... 后续代码

步骤3：验证API路径 #

确认产品分类的API路径http://127.0.0.1:8000/api/v1/borrower/category/是否正确，可直接在浏览器地址栏访问该路径，检查是否能返回正常数据。

总结 #

当前问题的核心是未在组件中触发产品分类对应的Vuex Action，和模块拆分无关。按上述步骤修复后，两个API请求应该都会正常执行。

内容的提问来源于stack exchange，提问作者Алмат Алматулус