how to set header every request?

[TinkGu]

In apolloclient, I can do it like this:

import { ApolloClient, createNetworkInterface } from 'react-apollo';
const networkInterface = createNetworkInterface({
  uri: '/graphql',
});
networkInterface.use([{
  applyMiddleware(req, next) {
    if (!req.options.headers) {
      req.options.headers = {};  // Create the header object if needed.
    }
    // get the authentication token from local storage if it exists
    const token = localStorage.getItem('token');
    req.options.headers.authorization = token ? `Bearer ${token}` : null;
    next();
  }
}]);
const client = new ApolloClient({
  networkInterface,
});

How can I do it in gql-request?

Thanks.

[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.

[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.

[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.