Skicka cookies över olika ursprung

Inofficiell Beta-översättning

Denna sida har översatts av PageTurner AI (beta). Inte officiellt godkänd av projektet. Hittade du ett fel? Rapportera problem →

Om din API finns på ett annat ursprung än din front-end och du vill skicka cookies till den, måste du aktivera CORS på din server och inkludera cookies i dina förfrågningar genom att ange alternativet {credentials: "include"} till fetch.

Argumenten som skickas till fetch-funktionen som tRPC använder kan modifieras enligt följande.

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

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

info

Du måste också aktivera CORS på din server genom att modifiera din adapter eller den HTTP-server som ligger framför din API. Bästa sättet att göra detta varierar beroende på adapter och din hosting-infrastruktur, och enskilda adaptrar dokumenterar vanligtvis denna process där det är tillämpligt.