스프링 리액트 쿠키가 사라지는 오류에 대해서 궁금합니다.

Question

쿠키의 값을 웹 브라우저에서 확인하고 또 네트워크 탭의 헤더에서 set-cookie 의 값이 보이는 상황입니다.이 상태에서 리액트 코드에서 &#96;&#96;const refreshToken &#61; Cookie.get(&#34;refreshToken&#34;); 를 호출하였을 때 refreshToken 의 값이 undefined 되는 상황입니다. 참고로 Spring 에서 쿠키를 생성하는 코드는 private ResponseCookie makeResponseCookie(String refreshToken,Long refreshTokenValidationTime){ return ResponseCookie.from(&#34;refreshToken&#34;,refreshToken) .httpOnly(false) .secure(true) .path(&#34;/&#34;) .maxAge(refreshTokenValidationTime) .sameSite(&#34;None&#34;) .build(); }로서 httponly 를 false 로 주어 자바 스크립트에서 접근 가능하게 두었으며, secure 를 true 로 설정하여서 https 에서 적용가능하게 두었습니다. sameSite는 None 으로 어떤 도메인이든 접근 가능하게 두었어요! 스프링 서버에 요청을 보내는 url 은 https 가 적용되어 있으며로컬에서 테스트 하는 리액트 역시 https 를 적용하였습니다. 쿠키의 존재 자체는 다 보이는데 자바 스크립트에서 접근이 안되고 (undefined) 또한 스프링에서 &#64;CookieValue(&#34;refreshToken&#34;) 을 이용하면 잘 되긴 합니다만...그 원인이 너무너무너문 궁금합니다. 참고로 local 에서는 안되고 그것을 배포한 프론트 코드에서는 잘 됩니다.백앤드와 프론트를 한 ec2에서 돌리면서 리버스 프록싱 기술을 사용해서 도메인을 공유하는 것과 관련이 있어보이긴 하는데 기존처럼 refreshToken 값을 헤더로 넘기고 싶네요? 뭔가 아시는 게 있을까요?

답변하면인사라도해주세요 · Answer

서버와 클라이언트 도메인이 다르다면 클라이언트 withCredentials: true 서버 allowCredentials true를 확인하셔야 하지 않을까요?

개발잡부 · Answer

서버와 도메인이 다르면samesitepolicy가 작동되는데이때 작성자님이 none으로 설정하셨다 하더라도httponly가 true가아니면 크롬자체에서 쿠키를 필터링하기때문에프론트에서 안보입니다즉 samesite정책을 쓰려면 무조건 httponly가 true여야합니다크롬의 정책인데 다른브라우저도 똑같을꺼에요(수정)정확히는 httponly값 관계없이 무조건 http면 필터링된다고 하네요

스프링 리액트 쿠키가 사라지는 오류에 대해서 궁금합니다.

2개의 답변

기술 목록