无法使用Apollo Client 3和setContext设置Auth头(apollo-link-context)

import { ApolloClient, InMemoryCache, HttpLink, from } from '@apollo/client';
import { setContext } from '@apollo/client/link/context';

// 创建一个 HttpLink
const httpLink = new HttpLink({
  uri: 'https://your-api-url.com/graphql',
});

// 创建一个用于设置 Auth 头的 link
const authLink = setContext((_, { headers }) => {
  // 获取 token
  const token = localStorage.getItem('token');

  // 返回修改后的 headers
  return {
    headers: {
      ...headers,
      authorization: token ? `Bearer ${token}` : "",
    }
  };
});

// 使用 from 组合 link
const link = from([authLink, httpLink]);

// 创建 ApolloClient 实例
const client = new ApolloClient({
  link,
  cache: new InMemoryCache(),
});

export default client;