react-apollo - 将查询参数传递给 React Apollo POST 请求

Question

有没有办法配置 React Apollo 将默认查询字符串参数传递给每个查询/突变？

目前，我所有的请求都有这种格式： POST https://domain:8000/graphql ;

我想要类似的东西： POST https://domain:8000/graphql?query=queryName

这将有助于在 Chrome DevTools 面板中进行快速调试。

标签： react-apolloapollo-client

Answer 1

您可以实现apollo 的 http-link 将使用的自定义获取。

实例化 apollo 客户端时，请执行以下操作：

const customFetch = (uri, options) => {
  const { operationName } = JSON.parse(options.body);
  return fetch(`${uri}/graph/graphql?opname=${operationName}`, options);
};
const link = createHttpLink({ fetch: customFetch });