Cookies not sent on calls to other domains despite `credentials: 'include'` setting.

[stijn-gravity]

Intended outcome: On my local environment everything works as expected. My cookie JWT is sent with every request to my apollo server.

Actual outcome: But when I deploy to my development server things stop working. This is likely caused by CORS settings, but I could not find where I went wrong.

How to reproduce the issue: Relevant client code:

  const httpLink = createHttpLink({
    uri: getEndpointUri(),
    credentials: 'include',
    fetch: !isBrowser ? fetch : undefined,
  });

Relevant server code:

export function corsHandler() {
  const whitelist: string[] =
    process.env.DOMAIN_WHITELIST_CORS?.split(';') || [];

  const corsOptions: cors.CorsOptions = {
    origin: (origin, callback) => {
      if (!origin || process.env.CORS_OPTIONAL) {
        return callback(null, origin);
      }

      if (isInternalDeployment()) {
        return callback(null, origin);
      }

      if (whitelist.includes(origin)) {
        return callback(null, origin);
      }

      return callback(new ApolloError(`Url ${origin} Not allowed by CORS`));
    },
    credentials: true,
  };

  return cors(corsOptions);
}

const app = express();
app.use(corsHandler());

const server = new ApolloServer({
  typeDefs,
  resolvers,
  context,
  cache,
  introspection:
    process.env.DEPLOYMENT_ENV === 'development' ||
    process.env.DEPLOYMENT_ENV === 'local' ||
    process.env.DEPLOYMENT_ENV === 'test',
  apollo: {
    graphId: 'gv-academy',
    key: process.env.ENGINE_API_KEY,
    graphVariant: process.env.APOLLO_SCHEMA_TAG,
  },
  dataSources,
  mocks: process.env.NODE_ENV === 'test',
  plugins,
});

async function startServer() {
  try {
    await server.start();

    server.applyMiddleware({
      app,
      path: '/',
      cors: {
        origin: corsWhitelist,
        credentials: true,
      },
    });
  } catch (e) {
    // eslint-disable-next-line no-console
    console.error(e);
    process.exit();
  }
  return server;
}

app.listen(port, async () => {
  await startServer();
  // eslint-disable-next-line no-console
  console.log(
    `🛸 Server ready at http://localhost:${port}${server.graphqlPath}`
  );
});

Versions Everything is running at the latest stable versions.

[nebnes]

Same issue and same client configuration. I excluded my server configuration because I can succeed with a manual fetch() request.

I think it's come from the client not passing fetch : credentials: 'include'

[bignimbus]

Hi @stijn-gravity 👋🏻 thanks for opening this issue! I think more information is needed to understand whether this is an issue in the Apollo Client source code, such as where the JWT is being included and what the actual HTTP requests look like in development vs. deployed environments. A running reproduction is best :)

[github-actions[bot]]

We're closing this issue now but feel free to ping the maintainers or open a new issue if you still need support. Thank you!

[github-actions[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. For general questions, we recommend using StackOverflow or our discord server.