我是 运行 Gatsby Graphql 使用 GraphiQL 成功查询，但是在 NextJS（使用 Apollo 配置的 GraphQL 查询）上相同的查询不起作用？

Question

• 确认一下，NextJS 和 Gatsby 都连接到 Strapi api，它与 GraphQL 兼容，我的服务器 运行ning 位于 http://localhost :1337
• 另外，我可以通过 http://localhost:1337/graphql 访问 GraphQL playground

但是，Gatsby 使我能够通过 http://localhost:8000/___graphiql 上的 GraphiQL 运行 GraphQL，这就是我的差异开始的地方...

• Gatsby 提供的 http://localhost:8000/ 上的 GraphiQL 真是棒极了。 我更喜欢它而不是 GraphQL playground，你会在 http://localhost:1337/graphql
的暗模式底部屏幕截图中看到它

这是我 运行 通过 GraphiQL 在 Gatsby 上成功的 GraphQL 查询：

• 我希望 GraphiQL 中的相同查询在 http://localhost:1337/graphql
上的 Strapi 后端服务器中工作
• 准确地说，这是 运行 在 GraphiQL 上成功的 GraphQL 查询：

query MyQuery {
  allStrapiProduct(filter: {featured: {eq: true}}) {
    edges {
      node {
        name
        strapiId
        variants {
          price
          qty
          product
        }
      }
    }
  }
}

我在这里尝试通过我的 Strapi 后端服务器通过 http://localhost:1337/graphql 上的标准 GraphQL 游乐场 运行 GraphQL 查询，以便我可以将其包含在我的 NextJS 项目：

请帮助我通过 Gatsby 运行 获得此 GraphiQL 查询和所有其他 GraphiQL 查询以通过 NextJS 工作！

Answer 1

我相信您的两个 GraphQL 服务器服务于不同的模式。也就是说，虽然 allStrapiProduct 在 GraphiQL 中有效，但您需要在 strapi 中使用 product。同样，在 GraphiQL 中 filter 但在 strapi 中 where。