从 db 获取与 GraphiQL 不同的数据

Question

我是 graphQL 和 mongoDB 的新手，我正在尝试让它在我的项目中工作。问题在于 GraphiQL 中来自查询的数据与来自客户端内部相同查询的数据完全不同。这是我的架构设置：

const graphql = require('graphql');
const _ = require('lodash');
const Item = require('../models/item');
const {
  GraphQLObjectType,
  GraphQLString,
  GraphQLSchema,
  GraphQLID,
  GraphQLInt,
  GraphQLList
} = graphql;

const ItemType = new GraphQLObjectType({
  name: 'Item',
  fields: () => ({
    name: {
      type: GraphQLString
    },
    id: {
      type: GraphQLID
    },
    description: {
      type: GraphQLString
    },
    price: {
      type: GraphQLInt
    },
    image: {
      type: GraphQLString
    },
    category: {
      type: GraphQLString
    }
  })
});

const RootQuery = new GraphQLObjectType({
  name: 'RootQueryType',
  fields: {
    item: {
      type: ItemType,
      args: {
        id: {
          type: GraphQLID
        }
      },
      resolve(parent, args) {
        // code to get data from db / other source
        return Item.findById(args.id);
      }
    },
    items: {
      type: new GraphQLList(ItemType),
      resolve(parent, args) {
        return Item.find({})
      }
    }
  }
});

当我从 graphiQL 对我收到的所有项目和数据进行查询时，是“正确的”。看起来像这样：

当我像这样从前端执行相同的确切查询时： 从“apollo-boost”导入 { gql }；

const getItemsQuery = gql`
  {
    items {
      name
      id
      description
      price
      image
      category
    }
  }
`;

export { getItemsQuery };

数据如下所示：

看起来它一遍又一遍地重复第一项，我不明白为什么。 DB 也显示正确的项目。我的服务器端代码可以在这里找到：https://github.com/KamilStaszewski/shoppy/tree/adding_graphQL/server

Answer 1

来自the docs：

InMemoryCache 通过将结果拆分为单个对象、为每个对象创建唯一标识符并将这些对象存储在扁平数据结构中，在将数据保存到存储之前对其进行规范化。默认情况下，InMemoryCache 将尝试使用常见的 id 和 _id 主键作为唯一标识符，如果它们与对象上的 __typename 一起存在。

换句话说，Apollo 将同时使用__typename 和id 为您获取的每个Item 创建一个缓存键。此键用于从缓存中获取适当的项目。问题是您的项目正在为他们的id 返回null。这导致每个项目都使用相同的键写入。因此，当您的查询结果从缓存中返回时，它会为您的 items 数组中的每个项目查找相同的键。

要解决此问题，您需要确保您的 API 返回 id 的值。我没有和猫鼬合作过那么多，但我认为由于猫鼬会根据_id 自动为你添加一个id 字段，因此只需从你的猫鼬模型中删除id 就足够了（不是你的GraphQL类型）。或者，您可以尝试将解析函数添加到 GraphQL 类型中的 id 字段：

resolve: (item) => item._id.toString()