在构建期间禁用服务器查询

Question

我们有一个 docker 镜像来设置后端服务器和使用 ApolloClient 的前端 NextJS 应用程序。在 NextJS 应用程序的构建过程中，Apollo 客户端尝试查询后端服务器的 graphql 端点，该端点由于服务器尚未启动而无法正常工作。

有没有办法让 ApolloClient 在构建期间不查询外部服务器？ 这是构造函数：

function createApolloClient() {
  return new ApolloClient({
    ssrMode: typeof window === 'undefined',
    link: createUploadLink({
      uri: process.env.HOSTNAME + '/graphql',
      credentials: 'same-origin',
    }),
    cache: new InMemoryCache({
      typePolicies: {
        Query: {
          fields: {
            allPosts: concatPagination(),
          },
        },
      },
    }),
    onError: ({ networkError, graphQLErrors }) => {
      console.log('graphQLErrors', graphQLErrors)
      console.log('networkError', networkError)
    }
  })
}

我们最终想要的是一个运行后端 (Java) 服务器的 docker 容器，该服务器为 NextJS 构建的静态文件提供服务。

Answer 1

您的问题不清楚，但您希望何时运行查询？

• 如果应该是构建时间，为什么后端服务器没有运行？ Next.js 应该从哪里获取数据？
• 在请求时，由服务器？使用getServerSideProps
• 在请求时，由客户端（浏览器？）检查 typeof(window) !== 'undefined' 并使用 fetch + async/await。