🧪 CORS 확인 절차

정의

CORS 문제가 발생했을 때 브라우저, 네트워크, 프리플라이트, 서버 응답 순서로 확인한다.

1. 브라우저 콘솔 확인

  • F12로 개발자 도구를 연다.
  • 콘솔에 CORS 관련 오류가 있는지 확인한다.

예시 메시지

Access to fetch at 'API_URL' from origin 'WEB_URL' has been blocked by CORS policy

2. Network 요청 확인

  • Request URL
  • Request Method
  • Status Code
  • Response Header

다음 헤더가 있는지 확인한다.

  • Access-Control-Allow-Origin
  • Access-Control-Allow-Methods
  • Access-Control-Allow-Headers
  • Access-Control-Allow-Credentials

3. Preflight 요청 확인

  • Authorization 헤더를 사용하는지 확인한다.
  • Content-Type: application/json 요청인지 확인한다.
  • PUT, DELETE, PATCH 요청인지 확인한다.

4. 서버 직접 호출 확인

curl -i https://api.example.com -H "Origin: https://web.example.com"

연결문서

댓글남기기