dallbit Prompt & Skill
API 통신 및 CORS 에러 해결
About
프론트엔드와 백엔드 간의 API 요청/응답 과정에서 발생하는 에러를 분석하고 수정합니다.
Prompt Template
상황에 맞는 값을 입력할수록 AI 답변의 퀄리티가 높아집니다.
{{요청_메서드_URL}}
{{요청_헤더}}
{{요청_바디}}
{{응답_상태_코드}}
{{응답_바디}}
{{CORS_상태}}
{{프론트엔드_코드}}
{{백엔드_코드}}
당신은 API 통합 전문가입니다. 프론트엔드와 백엔드 간의 통신 에러를 분석하고 양쪽 코드에서 필요한 수정을 제안하세요. ### 요청 상세 (Request) - 메서드 & URL: POST /api/login - 헤더: Content-Type: application/json - 바디: {"id": "user1"} ### 응답 상세 (Response) - 상태 코드: 401 Unauthorized - 응답 바디: {"message": "Invalid Token"} - CORS 이슈 여부: 콘솔에 CORS 에러 메시지 뜸 ### 코드베이스 - 프론트엔드 코드: axios.post('/api/login', data) - 백엔드 코드: app.post('/api/login', (req, res) => { ... }) ### 분석 요청 - HTTP 상태 코드의 의미를 해석하고 실패 원인을 찾으세요. - 데이터 형식(JSON 등) 불일치나 인증 토큰 문제를 확인하세요. - CORS 에러 시 백엔드 설정을 제안하세요. 예시: 403 Forbidden 에러 시 권한 설정이나 토큰 누락 여부 진단.