Envoyer des cookies entre origines différentes

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

Si votre API se trouve sur une origine différente de votre front-end et que vous souhaitez lui envoyer des cookies, vous devrez activer CORS sur votre serveur et transmettre les cookies avec vos requêtes en fournissant l'option {credentials: "include"} à fetch.

Les arguments fournis à la fonction fetch utilisée par tRPC peuvent être modifiés comme suit.

app.ts
ts
import { createTRPCClient } from '@trpc/client';
const client = createTRPCClient<AppRouter>({
  url: 'YOUR_SERVER_URL',
  fetch(url, options) {
    return fetch(url, {
      ...options,
      credentials: 'include',
    });
  },
});

app.ts
ts
import { createTRPCClient } from '@trpc/client';
const client = createTRPCClient<AppRouter>({
  url: 'YOUR_SERVER_URL',
  fetch(url, options) {
    return fetch(url, {
      ...options,
      credentials: 'include',
    });
  },
});