how to set header every request? about graphql-request

[Pkmmte]

How's the progress on this?

I have a GraphQL endpoint that requires client authentication with every call. We use JSON Web Tokens with a limited life span for authentication so we can't just reuse the same one. Creating a new client for every single request seems rather wasteful, in my opinion.

[schickling]

Hi @TinkGu. Thanks a lot for bringing this up. We'll consider this use case for the next version of graphql-request.

For now, a workaround is to re-instantiate a new GraphQLClient whenever you need to change your headers.

[Dajust]

This has been properly done using the new apollo-boost package. See the request option in the configuration section.

[christopher-caldwell]

Is there any way to do this now? I don't want to use Apollo. Is the only way to re-instantiate a client on each request?

Edit: Immediately after posting this I tried:

const client = new GraphQLClient(endPoint, { headers: { Authorization: INITIAL_TOKEN } })

const runQuery = async (query, variables) => {
  client.options.headers = {
    Authorization: NEW_TOKEN,
  }
  try {
    return await client.request(query, variables)
  } catch (error) {
    ...
  }
}

export default runQuery

In my case, I'm referencing a Vuex store, so the property is reactive. You could easily pass, or get the token within this function though.

[moeHaydar]

@christopher-caldwell be careful with what you are doing.
If you are sharing the client, then you might end up in an unwanted state.