looking for a way to pass the token to apollo-client via cookies not localstorage

Question

i did switch from apollo-boost to apollo-client and i did check the docs and i did find that they set the token via localStorage but the problem is i don't have any token in my local storage the only token that i have is in the browser cookies so basically am looking for a way to pass the token from cookies to apollo-client

    const httpLink = createUploadLink({
          uri: 'http://localhost:9999',
          credentials: 'include'
      });


    const authMiddleware = new ApolloLink((operation, forward) => {
            // Retrieve the authorization token from local storage.

              const token = localStorage.getItem('token');
              console.log(token); //undefined

              // Use the setContext method to set the HTTP headers.
             operation.setContext({
               headers: {
                   authorization: token ? `Bearer ${token}` : ''
                 }
        });

          // Call the next link in the middleware chain.
           return forward(operation);
      });

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

score 0 · Answer 1 · answered Oct 25 '19 at 19:18

You can follow the steps here on how to retrieve data out of cookies: Get cookie with react

So if you use js-cookie, your authMiddleware function would look like this:

import Cookies from 'js-cookie';

const authMiddleware = new ApolloLink((operation, forward) => {
    // Retrieve the authorization token from browser cookies.

    const token = Cookies.get('token');
    console.log(token);

    // Use the setContext method to set the HTTP headers.
    operation.setContext({
        headers: {
            authorization: token ? `Bearer ${token}` : ''
        }
    });

    // Call the next link in the middleware chain.
    return forward(operation);
});

`js-cookie` cannot read httpOnly cookies i get also undefined if i wanna read the cookie i will have to get rid of httpOnly flag and thats problem — Salah Eddin Berriani, Oct 25 '19 at 20:07

looking for a way to pass the token to apollo-client via cookies not localstorage

1 Answers1