Apollo Link 响应标头

我在一个简单的 React 应用程序中使用最新版本的 Apollo Client，并尝试从响应中提取一个标头值，该标头值用于显示返回的记录集的大小。

我意识到这不是提供结果集大小的最优雅的方式，但这就是 API 目前的设置方式。

我希望使用中间件类型选项来执行此操作，但是当我检查响应对象时，我似乎无法提取任何标头。

网络跟踪确实显示响应标头符合预期，因此我怀疑我误解了如何获取我需要的底层对象。

我已经检查了文档，但没有什么是显而易见的，因此这里的问题......

当后端响应时，标头应包含：

Access-Control-Expose-Headers: *// 或您的refreshToken 字段的名称

这里有完整的代码：

前端：（Apollo 和 React）

const httpLink = new HttpLink({ uri: URL_SERVER_GRAPHQL })

// Setup the header for the request
const middlewareAuthLink = new ApolloLink((operation, forward) => {
  const token = localStorage.getItem(AUTH_TOKEN)

  const authorizationHeader = token ? `Bearer ${token}` : null
  operation.setContext({
    headers: {
      authorization: authorizationHeader
    }
  })
  return forward(operation)
})

// After the backend responds, we take the refreshToken from headers if it exists, and save it in the cookie.
const afterwareLink = new ApolloLink((operation, forward) => {
  return forward(operation).map(response => {
    const context = operation.getContext()
    const { response: { headers } } = context

    if (headers) {
      const refreshToken = headers.get('refreshToken')
      if (refreshToken) {
        localStorage.setItem(AUTH_TOKEN, refreshToken)
      }
    }

    return response
  })
})

const client = new ApolloClient({
  link: from([middlewareAuthLink, afterwareLink, httpLink]),
  cache: new InMemoryCache()
})

在后端（快递）。 如果我们需要刷新令牌（例如：因为实际的令牌即将过期）

const refreshToken = getNewToken()
res.set({
  'Access-Control-Expose-Headers': 'refreshToken', // The frontEnd can read refreshToken
  refreshToken
})

文档来自：https://www.apollographql.com/docs/react/networking/network-layer/#afterware https://www.apollographql.com/docs/react/networking/network-layer/#afterware