크롬 브라우저 CORS 오류 해결 방법 - 오래된 캐시 문제

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

웹 개발자 및 API 통신 문제를 겪는 개발자

(난이도: 중간, 실무 경험 있는 개발자 대상)

핵심 요약

• CORS 오류는 서버 설정이 아닌 브라우저 캐시 문제로 인해 발생
• DevTools의 Network 탭에서 Disable cache 옵션 활성화로 즉시 해결
• 일반적인 캐시 삭제(Application Cache 또는 Site Settings)는 효과 없음

섹션별 세부 요약

1. 문제 상황

• Staging 환경에서 갑작스럽게 발생한 CORS 오류
• 서버는 올바른 CORS 헤더를 설정했음
• Incognito 모드에서는 정상 작동

2. 초기 대응 시도

• Application Cache 및 Site Settings 데이터 삭제 시도
• 단순한 캐시 삭제는 오류 해결에 실패
• 문제가 서버가 아닌 브라우저 캐시 관련임을 예상

3. 해결 방법

• DevTools의 Network 탭에서 Disable cache 옵션 활성화
• 브라우저 캐시를 완전히 비활성화하여 요청 재시도
• 캐시 무시 시 CORS 오류가 사라짐

결론

• CORS 오류가 지속될 경우, DevTools의 Network 탭에서 Disable cache를 사용해 캐시 관련 문제를 확인
• 일반적인 캐시 삭제는 오류 해결에 효과적이지 않음
• 브라우저 캐시가 요청에 영향을 미칠 수 있는 경우, 개발 환경에서 이 옵션을 활용해 디버깅