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

时间:2018-10-11 13:31:38

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

我正在同时使用“ 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对象仅显示variablesquery信息。如何在后台记录实际的HTTP请求和响应?

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

这似乎是一个非常简单的任务,但是我花了很多时间在搜索中没有提及此事。

1 个答案:

答案 0 :(得分:0)

您可以使用此可怕的扩展名https://github.com/apollographql/apollo-client-devtools。 你