[typescript] 타입스크립트에서 XMLHttpRequest를 통해 CORS 요청을 보내는 방법

11 Dec 2023

typescript

CORS(Cross-Origin Resource Sharing)는 웹 애플리케이션이 다른 도메인의 리소스에 접근할 수 있도록 하는 방법입니다. 타입스크립트에서 CORS 요청을 보내기 위해서는 XMLHttpRequest 객체를 사용하여 요청을 수행해야 합니다.

다음은 타입스크립트에서 XMLHttpRequest를 사용하여 CORS 요청을 보내는 간단한 예제입니다.

function makeCorsRequest() {
  const xhr = new XMLHttpRequest();
  const url = 'https://example.com/data';

  xhr.open('GET', url, true);
  xhr.withCredentials = true; // 인증 정보를 포함한 요청을 보내려면 true로 설정

  xhr.onload = function() {
    if (xhr.status >= 200 && xhr.status < 300) {
      // 요청 성공
      const res = JSON.parse(xhr.responseText);
      console.log(res);
    } else {
      // 요청 실패
      console.error('요청 실패');
    }
  };

  xhr.send();
}

makeCorsRequest();

위 예제에서 xhr.withCredentials를 true로 설정하여 요청 시에 인증 정보를 포함하도록 설정했습니다.

이제 이 코드를 실행하면 타입스크립트에서 XMLHttpRequest를 사용하여 CORS 요청을 보낼 수 있습니다.

더 많은 정보를 원하시면 MDN web docs에서 확인할 수 있습니다.