로그아웃 기능 중 쿠키 전송을 위해 가져오기의 자격 증명 옵션 사용

기본적으로 쿠키는 페치로 주고받는 것이 아니라,

쿠키를 보내고 받으려면 자격 증명을 설정해야 합니다.

가져오기는 Promise 객체를 반환합니다(HTTP 오류는 반환되지 않음).

자격 증명을 사용하여 예제를 작성해야 합니다.

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

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'
  })

다음은 이와 같은 자격 증명을 사용하는 예입니다.

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

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

가져오기 API 사용

fetch api 정보 fetch API를 사용하여 요청 및 응답과 같은 HTTP 파이프라인을 구성하는 요소를 조작할 수 있습니다. fetch() 메서드를 사용하는 것과 같이 ajax를 구현하는 몇 가지 기술이 있습니다.

ooyuolog.tistory.com