apollo client set headers on each request

import { ApolloClient, HttpLink, ApolloLink, InMemoryCache, concat } from '@apollo/client'; const httpLink = new HttpLink({ uri: '/graphql' }); const authMiddleware = new ApolloLink((operation, forward) => { // add the authorization to the headers operation.setContext({ headers: { authorization: localStorage.getItem('token') || null, } }); return forward(operation); }) const client = new ApolloClient({ cache: new InMemoryCache(), link: concat(authMiddleware, httpLink), });

import { ApolloClient, createHttpLink, InMemoryCache } from '@apollo/client';
import { setContext } from '@apollo/client/link/context';

const httpLink = createHttpLink({
  uri: '/graphql',
});

const authLink = setContext((_, { headers }) => {
  // get the authentication token from local storage if it exists
  const token = localStorage.getItem('token');
  // return the headers to the context so httpLink can read them
  return {
    headers: {
      ...headers,
      authorization: token ? `Bearer ${token}` : "",
    }
  }
});

const client = new ApolloClient({
  link: authLink.concat(httpLink),
  cache: new InMemoryCache()
});

Posted by: Guest on October-25-2020

Source

Code answers related to "apollo client set headers on each request"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Answers for "apollo client set headers on each request"

Code answers related to "apollo client set headers on each request"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us