在 VueX 操作中使用 axios 调用时获取 [object%20Object] 而不是参数值

Question

我正在使用 VueX 进行简单的 axios 调用，如下所示：

actions: {
    getItem(id) {
      return axios.get(`http://${currentHost}:3000/items/${id}`).data;
    },
  },

但是请求 URL 显示为 http://localhost:3000/items/[object%20Object] 当我尝试通过以下代码行调用操作时：

this.placeholder = this.$store.dispatch("getItem", 0);

我尝试过对调度函数中传递的id进行硬编码，并对链接进行硬编码，如果我像这样修改硬编码的id，它就可以正常工作

actions: {
    getItem(id) {
      return axios.get(`http://${currentHost}:3000/items/1`).data;
    },
  },

但是只要我再次插入参数，[object%20Object]就会立即被替换 我期待 [object%20Object] 被 id 参数替换