로그아웃 기능 중 쿠키 전달을 위한 fetch의 credentials(내용증명) 옵션 사용

기본적으로는 fetch로 쿠키를 주고 받지를 않지만,

쿠키를 주고 받으려면 credentials를 설정해줘야한다.

 

fetch는 Promise 객체를 반환한다.(HTTP Error는 반환하지 않는다.)

 

credentials를 사용하는 예시를 적어두어야 겠다.

나중에 사용할 수 있기 때문.....

 

1. 자격 증명이 포함되게 보내는 경우

fetch(`${process.env.REACT_APP_API_URL}/naver_login/logout`, {
    method: 'get',
    credentials: 'include'
})

 

2. 요청하는 URL과 호출 스크립트가 동일한 Origin을 가졌을 때만 자격증명을 보내는 경우

fetch(`${process.env.REACT_APP_API_URL}/naver_login/logout`, {
    method: 'get',
    credentials: 'same-origin'
  })

 

3. 자격증명을 안보내는 경우

fetch(`${process.env.REACT_APP_API_URL}/naver_login/logout`, {
    method: 'get',
    credentials: 'omit'
  })

이렇게 credentials를 사용하는 예시가 있다.

 

 

참고한 글을 링크로 남겨두자.

https://ooyuolog.tistory.com/entry/fetch-api-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-1

fetch api 사용하기