小编Pie*_*ohl的帖子

因此，我通过在 Next.js 上实现 Apollo 客户端来研究 GraphQL，我从未实现过 GraphQL API 或使用过 Apollo，并且在构建和操作查询时遇到了一些问题。我想使用 SpaceX GraphQL 服务器创建一些静态页面，并使用 getStaticProps 和 getStaticPath 从 SpaceX 服务器获取前 10 个结果，从这些路由创建静态页面并获取每个 id 的发射详细信息。我的问题是，我无法使启动详细信息查询工作。服务器响应 400。由于结构正确，问题一定是在将变量传递给查询时出现的。

再说一遍，我从未实现过 Apollo 客户端，并且对 graphQL 有非常初级的了解，并且无法找到使用文档的问题。我的代码基于此示例，我刚刚删除了 useQuery Hook，以便我可以在 getStaticProps 内发出请求。 https://www.apollographql.com/docs/react/data/queries/

// [launchId].tsx
import { initializeApollo } from '../../lib/ApolloClient'


export const getStaticPaths: GetStaticPaths = async () => {
  const apolloClient = initializeApollo()
  const {
    data: { launchesPast }
  } = await apolloClient.query({
    query: gql`
      {
        launchesPast(limit: 10) {
          id
        }
      }
    `
  })
  const paths = launchesPast.map(element …