上下文链路

轻松地为您的操作设置上下文，这将被链下的其他链路使用。

概览

该setContext函数接受一个函数，该函数返回一个对象或一个promise，该promise然后返回一个对象来设置请求的新上下文。参数是正在执行 GraphQL 请求，以及之前的上下文。此链路简化了异步查找如身份验证令牌等的操作。

1
import { setContext } from "@apollo/client/link/context";
2

3
const setAuthorizationLink = setContext((request, previousContext) => ({
4
  headers: {authorization: "1234"}
5
}));
6

7
const asyncAuthLink = setContext(
8
  request =>
9
    new Promise((success, fail) => {
10
      // do some async lookup here
11
      setTimeout(() => {
12
        success({ token: "async found token" });
13
      }, 10);
14
    })
15
);

缓存查找

通常，异步操作可能成本较高，并且不需要在每个请求中都调用它，尤其是在大量请求同时发生时。您可以在链路之外设置自己的缓存和失效，使其更快但仍然灵活。

例如，找到用户身份验证令牌，然后缓存，并在401响应中删除。

1
import { setContext } from "@apollo/client/link/context";
2
import { onError } from "@apollo/client/link/error";
3

4
// cached storage for the user token
5
let token;
6
const withToken = setContext(() => {
7
  // if you have a cached value, return it immediately
8
  if (token) return { token };
9

10
  return AsyncTokenLookup().then(userToken => {
11
    token = userToken;
12
    return { token };
13
  });
14
});
15

16
const resetToken = onError(({ networkError }) => {
17
  if (
18
    networkError &&
19
    networkError.name ==='ServerError' &&
20
    networkError.statusCode === 401
21
  ) {
22
    // remove cached token on 401 from the server
23
    token = null;
24
  }
25
});
26

27
const authFlowLink = withToken.concat(resetToken);

HTTP 批处理

错误