Claude디버깅CORS네트워크

네트워크·CORS 오류를 진단하는 프롬프트

개발자김철수22시간 전조회 0추천 0

변수 입력3개

ERROR

ORIGIN_TARGET

CORS_CONFIG

변수를 채운 뒤 완성본을 복사하세요

언제 사용하나

브라우저에서 CORS 차단, 연결 거부, 타임아웃 등 네트워크 오류가 날 때.

요청 전 확인

브라우저 콘솔·네트워크 탭의 정확한 메시지를 확보한다.
요청 출처(origin), 대상 URL, 프로토콜(HTTP/HTTPS)을 확인한다.

복사해서 쓰는 프롬프트

아래 네트워크/CORS 오류를 진단해줘.

콘솔/네트워크 메시지: {{ERROR}}
요청 출처와 대상: {{ORIGIN_TARGET}}
서버 CORS 설정(있다면): {{CORS_CONFIG}}

원하는 출력:
1. CORS 문제인지 순수 네트워크 문제인지 구분과 근거
2. preflight(OPTIONS) 흐름에서 어디서 막히는지
3. 서버에서 올바르게 설정할 헤더(Access-Control-Allow-*)
4. 클라이언트 임시 회피와 서버 정식 해결의 차이

placeholder 설명

{{ERROR}} : 콘솔/네트워크 메시지
{{ORIGIN_TARGET}} : 출처와 대상 URL
{{CORS_CONFIG}} : 서버 CORS 설정

입력 예시

{{ERROR}} = "No 'Access-Control-Allow-Origin' header is present"

기대 결과

문제 구분, preflight 흐름, 서버 헤더 설정.

검증 방법

브라우저 네트워크 탭에서 OPTIONS/실제 요청의 헤더를 확인한다.

주의사항

Allow-Origin: *를 인증 요청에 쓰면 안 되는 경우가 있다.