86. (Http/fetch) fetch (페치) Web APi 요청 시 credentials 옵션 설명

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 기술 : fetch

 

---

[내용 설명]

 

// --------------------------------------------------------------------------------------
[개발 및 테스트 환경]
// --------------------------------------------------------------------------------------

- 언어 : JavaScript

- 개발 툴 : Edit ++

- 구분 : HTTP / API

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[설 명]
// --------------------------------------------------------------------------------------

1. Fetch API 는 JavaScript 에서 접근하고 조작할 수 있는 인터페이스를 제공하는 Web Api 입니다.


2. Fetch API credentials 옵션은 브라우저가 API 요청을 전송할 때 자격 증명을 포함하도록 설정할 수 있는 옵션 입니다.


3. Fetch API credentials [ include ] 옵션 설정 값 : credentials: "include"
  
  >> 모든 요청에 인증 정보를 담습니다

  >> 자격 증명을 포함하려는 경우에는 반드시 정확한 출처를 지정해야 합니다

  >> credentials: 'include'를 추가한 경우, Access-Control-Allow-Origin 에 * 와일드카드를 사용할 수 없습니다 (명시적인 URL 선언 필요)


4. Fetch API credentials [ same-origin ] 옵션 설정 값 : credentials: "same-origin"

  >> 요청 URL이 스크립트와 같은 출처일 때만 자격 증명을 전송합니다

  >> 기본값) 동일 출처 요청에 대해서만 자격 증명을 보내고 포함합니다


5. Fetch API credentials [ omit ] 옵션 설정 값 : credentials: "omit"

  >> 브라우저가 요청에서 자격 증명을 전송하지 않도록 지정합니다


6. Fetch API 요청 예시 : 

    fetch("https://example.com", {
        credentials: "include",
    });

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[참고 사이트]
// --------------------------------------------------------------------------------------

https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Using_Fetch

https://developer.mozilla.org/ko/docs/Web/HTTP/Headers/Access-Control-Allow-Credentials

https://blog.naver.com/kkh0977/223607046853

https://blog.naver.com/kkh0977/223595018272

// --------------------------------------------------------------------------------------

---