DEV WIKI
보안 · 오류·증상

Mixed Content 리소스가 브라우저에서 차단됨

HTTPS로 열린 페이지가 HTTP 리소스를 요청해 브라우저 콘솔에 Mixed Content가 표시되거나 리소스가 차단되는지 확인하는 문서입니다.

빠른 답변

우선 확인할 원인
HTTPS 페이지가 HTTP 주소의 스크립트·스타일시트·프레임·요청을 불러오면 브라우저가 Mixed Content로 표시하거나 차단할 수 있습니다. 콘솔의 차단 URL과 리소스 유형을 확인하고 HTTPS 주소와 서버 응답을 비교해야 합니다.
먼저 확인할 항목
브라우저 개발자 도구 Console 또는 Network에서 Mixed Content 문구와 차단된 리소스 URL을 기록합니다.
적용 범위
현재 증상과 본문에 적은 관찰 조건이 함께 확인된 경우
출처 확인일
2026-08-04
최종 검토
2026-08-04
수정일
2026-08-04
오류·수정 제보 (새 창에서 열림)

현재 증상

  • 애플리케이션 오류 메시지

먼저 확인할 항목

브라우저 개발자 도구 Console 또는 Network에서 Mixed Content 문구와 차단된 리소스 URL을 기록합니다.

페이지 주소가 HTTPS이고 차단된 리소스 주소가 HTTP인지 비교합니다.

같은 리소스의 HTTPS 주소가 존재하는지와 HTTPS 응답 상태를 확인합니다.

피해야 할 조치

주의

  • 브라우저의 보안 경고 무시나 혼합 콘텐츠 허용 설정을 운영 해결책으로 사용하지 않습니다.
  • HTTP 리소스를 HTTPS로 바꾸기 전에 외부 제공자의 실제 HTTPS 주소와 인증서 상태를 확인합니다.
  • 콘솔·Network 기록에서 쿠키, 토큰, 개인정보와 비공개 URL 매개변수를 제거합니다.

환경별 원인과 조치

적용 범위

HTTPS로 열린 페이지에서 이미지·스타일시트·스크립트·iframe·fetch() 같은 하위 리소스를 HTTP 주소로 요청하고, 브라우저 Console 또는 Network에 Mixed Content 경고·차단 결과가 표시되는 경우를 확인합니다. 이 문서는 인증서 만료나 DNS 오류를 판정하지 않습니다.

변경 없이 확인할 항목

  1. 페이지 주소가 https://인지 확인합니다.
  2. Console에서 Mixed Content 문구와 차단된 리소스 URL을 기록합니다.
  3. 차단된 URL의 scheme이 http://인지, 리소스가 스크립트·스타일시트·iframe·API 요청인지 확인합니다.
  4. 같은 호스트 또는 제공자가 https:// 주소를 제공하는지 확인하고, HTTPS 주소의 응답 상태를 비교합니다.

판정 기준

  • HTTPS 페이지에서 HTTP 스크립트·스타일시트·iframe·API 요청이 차단되면 이 문서의 범위입니다.
  • HTTP 리소스가 HTTPS로 자동 업그레이드됐다는 경고만 있고 실제 차단이 없다면, 차단된 리소스와 정상 업그레이드된 리소스를 구분해 기록합니다.
  • 페이지 자체가 HTTP이거나 리소스 요청이 CORS·404·인증서 오류로 실패하면 Mixed Content만으로 원인을 확정하지 않습니다.

안전한 다음 확인

외부 리소스 제공자가 공식 HTTPS 주소를 제공하는지 확인한 뒤 HTML·CSS·환경 설정에 기록된 URL을 한 종류씩 바꿉니다. 변경 전 URL과 변경 파일을 보관하고, 브라우저의 보안 검사를 끄거나 http:// 리소스를 예외 허용하지 않습니다.

수정 후 재확인

같은 페이지를 새로 열어 Console에 차단된 Mixed Content가 남아 있는지 확인합니다. Network에서 해당 리소스의 실제 요청 URL·응답 상태·이동 경로를 확인하고, 이미지·스타일·스크립트·API 등 영향을 받던 기능을 각각 다시 확인합니다.

참고 자료

혼합 콘텐츠 - 웹 보안 | MDN (새 창에서 열림)

MDN Web Docs (Mozilla) · 공식 자료 · 확인 범위: HTTPS 페이지가 HTTP 리소스를 요청하는 상태의 정의, 브라우저가 리소스 유형에 따라 업그레이드하거나 차단하는 동작, 개발자 콘솔과 실제 리소스 URL을 확인하는 방법 · 확인일: 2026-08-04

Mixed Content 리소스가 브라우저에서 차단됨 | DEV WIKI