如何使用 ApolloClient 记录 HTTP 请求和响应答案

【问题标题】：How to log HTTP request and response with ApolloClient如何使用 ApolloClient 记录 HTTP 请求和响应
【发布时间】：2019-03-16 14:42:49
【问题描述】：

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

 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 对象仅显示variables 和query 信息。如何在后台记录实际的 HTTP 请求和响应？

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

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

【问题讨论】：

标签： javascript reactjs react-native graphql apollo-client

【解决方案1】：

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

【讨论】：

这对于本地开发来说很好，但我希望能够记录以监控生产中部署的站点。