javascript - 如何使用 ApolloClient 记录 HTTP 请求和响应

Question

我同时使用 ApolloClient来自“apollo-client”和“apollo-boost”库，比如

 const client = new ApolloClient({
  uri: 'https://www.myapp.no/api/',
  request: async (operation) => {

    console.log(operation)

    operation.setContext({
      headers: {
        authorization: tokenHeader,
        'Content-Type': 'application/json'
      }
    })
  },
  onError: (error) => {
    if (error.graphQLErrors) {
      console.log('ApolloClient graphQLErrors')
      console.log(graphQLErrors)
    }
    if (error.networkError) {
      console.log('ApolloClient networkError')
      console.log(graphQLErrors)
    }
  }
})

operation对象只显示变量和查询信息。如何在后台记录实际的 HTTP 请求和响应？

我想查看传出的请求 header 和参数，以及响应 header 和状态码

这似乎是一项非常简单的任务，但我花了很多时间进行搜索，但没有提及这一点。

Answer 1

您可以使用这个很棒的扩展:https://github.com/apollographql/apollo-client-devtools