[Cookie] 다른 도메인 간의 쿠키 전송

사용자 인증에 관련하여 클라이언트와 서버 간에 쿠키를 주고 받는 코드를 작성하였다.

하지만 네트워크 탭 응답 헤더의 Set-Cookie를 보면 분명 잘 뜨지만 애플리케이션 탭의 쿠키를 확인해보면 뜨지 않았다.

문제가 무엇일지 찾아본 결과 cors 정책 때문에 클라이언트, 서버 각각 credentials 설정을 해주어야 했다.

클라이언트

나의 경우 rtk query를 사용하고 있어 baseQuery에 credentials: "include"를 추가하였다.

baseQuery: fetchBaseQuery({
    baseUrl: 서버도메인,
    credentials: "include",
 }),

서버

express를 사용하고 있어 cors 모듈 옵션에 추가하였다.

app.use(cors({ origin: 클라이언트도메인, credentials: true }));

 

 

설정을 해주니 쿠키가 잘 전송되는 모습을 볼 수 있었다.