vue-apollo.js

/**
 * Set headers according to current project mode
 * In development, we send JWT token via Authorization header
 * while they are stored in httponly cookie in production
 */
const authLink = setContext(async (_, { headers }) => {
  // Use your async token function here:
  const csrfToken = await getCsrfToken();
  // Return the headers to the context so httpLink can read them
  if (process.env.NODE_ENV === "development") {
    const jwtToken = localStorage.getItem("jwtToken");
    return {
      headers: {
        ...headers,
        "X-CSRFToken": csrfToken,
        authorization: jwtToken ? `JWT ${jwtToken}` : ""
      }
    };
  } else {
    return {
      credentials: "include",
      headers: {
        ...headers,
        "X-CSRFToken": csrfToken
      }
    };
  }
});