express-graphql如何移除外层的"data"及"Client"对象层？

首先得明确：GraphQL的响应结构是有官方规范要求的——顶层的data字段是必须存在的，用来区分成功响应（返回data）和错误响应（返回errors，可能同时附带data）；而里面的Client则是你查询语句里指定的字段名，所以这两层是默认的结构。不过你可以通过以下几种方式达到类似直接返回数组的效果：

1. 客户端侧处理（最推荐，符合GraphQL规范） #

这是最简单也最稳妥的方案，在客户端代码拿到响应后，直接提取出需要的数组即可。比如用JavaScript实现的话：

// 假设用fetch发起GraphQL请求
const rawResponse = await fetch('/your-graphql-endpoint', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    query: '{ Client(accountId: "5417727750494381532d735a") { id } }'
  })
});
const graphqlResponse = await rawResponse.json();
// 提取目标数组，和原REST返回结构一致
const clientArray = graphqlResponse.data.Client;

不管你用什么客户端语言，核心逻辑都是一样的：跳过外层的data和Client，直接取数组部分即可。

2. 服务器侧自定义响应格式（不推荐，违反规范） #

如果你完全控制服务器，且只是为了临时兼容旧的REST客户端，可以在GraphQL服务器的输出环节加一层中间件，重新格式化响应直接返回数组。比如用Node.js的Express服务器实现：

app.use('/graphql', (req, res, next) => {
  // 保存原生的send方法
  const originalSend = res.send;
  res.send = function(data) {
    try {
      const parsedData = JSON.parse(data);
      // 仅对成功的Client查询返回数组
      if (parsedData.data && parsedData.data.Client) {
        originalSend.call(this, JSON.stringify(parsedData.data.Client));
      } else {
        // 其他情况保持原响应格式
        originalSend.call(this, data);
      }
    } catch (e) {
      // 解析失败时按原格式返回
      originalSend.call(this, data);
    }
  };
  next();
});

但要注意：这种做法违反了GraphQL官方规范，如果之后前端要使用Apollo、Relay这类标准GraphQL客户端，会因为响应结构不符合预期而报错，仅适合临时兼容旧系统的场景。

3. 关于调整查询或Schema的说明 #

你可能会想能不能通过修改查询去掉Client层，但实际上不行——GraphQL的查询结构和Schema是对应的，你查询的每一个顶级字段都会出现在data中。哪怕你修改Schema让顶级字段直接返回数组，data层依然必须存在，这是规范强制要求的。

总结一下：最推荐的方案还是客户端侧处理，既符合规范，又不会给后续开发带来兼容性隐患。

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