CORS 확인 절차
🧪 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"
댓글남기기