GraphIQL 设置服务器的 URL 端点

【问题标题】：GraphIQL Set URL Endpoint of ServerGraphIQL 设置服务器的 URL 端点
【发布时间】：2020-07-05 09:40:11
【问题描述】：

过去一个小时左右，我一直在浏览 GraphIQL 指南和自述文件。我没有看到任何有关如何将客户端定向到特定端点/端口的文档。我跑了

我正在本地从项目的根目录运行 graphiql。我有一个运行后端的 graphql 服务器，我只想将 GraphIQL 定向到它。

【问题讨论】：

您是否考虑过GraphQL Playground 作为替代方案？ github.com/prisma-labs/graphql-playground

【解决方案1】：

docs 概述了GraphiQL React 组件上可用的所有道具。如果您有可用的GraphQLSchema 实例，则可以将其作为schema 参数直接传递。否则，您只需将 fetcher 指向相应的 URL：

async function graphQLFetcher(graphQLParams) {
  return fetch(YOUR_GRAPHQL_ENDPOINT_URL, {
    method: 'post',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(graphQLParams),
  })
  .then(response => response.json())
  .catch(() => response.text());
}

ReactDOM.render(<GraphiQL fetcher={graphQLFetcher} />, document.body);

【讨论】：