Fetch API에서 CORS 문제 처리하기

개발
1

웹 개발 프로젝트를 진행 중인데, Fetch API를 사용하여 다른 도메인으로 크로스 오리진 요청을 보내고 있습니다. 그런데 CORS(Cross-Origin Resource Sharing) 문제를 겪고 있으며, 요청이 차단되고 있습니다. 온라인에서 찾은 몇 가지 해결책을 시도해 봤지만, 여전히 문제가 해결되지 않습니다. 제 코드의 단순화된 버전은 다음과 같습니다:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });

서버 측에서 CORS 헤더를 사용하여 크로스 오리진 요청을 허용한다는 이야기를 들었지만, 어떻게 구현해야 하는지 잘 모르겠습니다. CORS 문제를 올바르게 처리하는 방법에 대해 안내해 주실 수 있을까요? 제 도메인에서 온 요청을 허용하도록 서버를 어떻게 설정해야 하나요? 서버 측에서는 Express.js를 사용하고 있습니다. 도움이 되면 정말 감사하겠습니다!