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

Question

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

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

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

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

Answer 1

您可以实现一个 custom fetch，然后 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 });

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

Passing query parameters to React Apollo POST requests

react-apollo

apollo-client