[오류] indicate whether to send a cookie in a cross-site request by specifying its samesite attribute error

오류 상황 : 

카카오지도 open API를 받아서 그려주었는데 이런 오류가 발생했다.

 

 

 

 

내가 파악한 오류의 원인

같은 사이트 속성 오류를 지정하여 교차사이트 요청에서 쿠키를 보낼지 여부를 나타낸다.

 

쿠키의 같은 사이트 속성이 지정되지 않거나 유효하지 않았기 때문에,

쿠키가 교차 사이트 요청으로 보내지지 않도록 하는 SameSite=Lax가 기본값이다. 

이 동작은 유저의 데이터를 갑자기 제3자에게 유출되거나 교차사이트간 요청이 위조되는 것을 방지한다. 

 

쿠키의 속성을 업데이트 함으로써 이 이슈를 해결하세요:

-> 만약 쿠키가 교차 사이트 요청에 전송되어야 한다면 SameSite=None으로 명시하고 Secure이라고 명시하세요.

이를 통해 타사 사용이 가능합니다. 

->만약 쿠키가 교차사이트 요청에 전송되지 않아야 한다면 SameSite=Strict나 SameSite=Lax로 명시하세요.

 

 

 

스택오버플로우에 찾아본 결과, 구글의 보안정책이 바뀌었기 때문으로 나와있다. 

 

 

 

 

 

you are getting this because you are using a resource from another site and that server is attempting to set a "cookie" but, it does not have the SameSite attribute set, which is being reported in newer versions of browsers.
this (may) also be shown if you are trying to access the server page from local computer (xampp), which generally doesn't has SSL installed;

 

 

다른 사이트의 리소스를 사용하고 있고,

그 서버가 cookie를 설정하려고 하지만 

새로운 브라우저 버전에서 리포트되고 있는 내용인

동일한 사이트의 속성 설정이 아니기 때문에 이러한 일이 벌어지고 있다.

 

또한 아마도 일반적으로 SSL이 설치되어있지 않은 로컬 컴퓨터에서 

서버페이지를 접근하려고 했을 때 일어날 수 있다. 

 

참조:  https://stackoverflow.com/questions/63273838/why-am-i-getting-indicate-whether-to-send-a-cookie-in-a-cross-site-request-by-s

 

 

정리 하자면: 

다른 사이트 서버가 내 사이트의 쿠키를 설정하려고 하는데

설정이 되지 않아서 오류가 났다,... 정도로 이해하면 어떨까. (자신없음...)

 

해결되지 않은 방법: 

 

document.cookie = "crossCookie=bar; SameSite=None; Secure";

해당 내용을 index.js파일에 입력하고 저장해주었다. 

 

 

 

결론은... 오류가 해결되지 않았다. 

 새로고침해서 오류가 안뜨는줄 알았는데 다시 뜨더라 ㅠ... 다른 방법을 찾아봐야겠다. 

찾으면 나중에 본 게시물 보충할 것