익스프레스는 쿠키를 저장하지 않습니다

응답 헤더에 'Set-Cookie: ...'가 있지만 브라우저의 개발자 도구에서 Application -> Cookie에 아무 것도 표시되지 않았습니다. 그래서 백엔드(익스프레스)와 프런트엔드(리액트, 액시오스)도 수정했습니다.

1단계: 백엔드 측에서 구성 자격 증명 업데이트

현재 저는 cors() 패키지를 사용하고 있었습니다. 그래서 cors()에 대한 자격 증명을 업데이트합니다.

const app = express();

// Setting credentials
app.use(cors({
  origin: 'http://localhost:3000', // it depends on your site
  credentials: true,
}));

// Setting cookies
res.cookie('cookie-for-me', 'hello-world');

2단계: 백엔드 측에서 구성 자격 증명 업데이트

이 단계 후에 거의 완료되었습니다.

axios.defaults.withCredentials = true

최종: 쿠키 실행 및 확인

브라우저의 개발자 도구 콘솔에서 document.cookie를 입력하여 결과를 확인할 수 있습니다.

쿠키를 저장하는 방법에 대한 제안 사항이 있으시면 다음 게시물로 자유롭게 의견을 보내주십시오 :)