Mixed Content: The page at '%' was loaded over HTTPs, but requested an insecure image '%'.

Mixed Content: The page at '%' was loaded over HTTPs, but requested an insecure image '%'. This content should also be server over HTTPS.

 

에러설명

HTTPS로 통신하다가 HTTP로 연결되는 통신이 중간에 발생하면 보안정책에 의해 browser에서 block된다.

Google Chrome에서 HTTPS 페이지를 방문하면 브라우저가 JavaScript 콘솔의 오류 및 경고로서 혼합 콘텐츠가 있음을 경고한다. 위의 캡쳐사진은 경고이지만, 활성 혼합 콘텐츠가 있는 경우에는 빨간색 오류로 표시가 된다.

해결

경고와 오류는 HTTP://URL로 표시된 부분을 수정해야 사라진다.

※ 혼합 콘텐츠 오류 및 경고는 현재 보고 있는 페이지에 대해서만 표시되며, JavaScript 콘솔은 새 페이지로 이동할 때마다 지워지므로 사이트의 모든 페이지를 개별적으로 보고 해당 오류를 찾아야 한다. 일부 오류는 페이지의 일부와 상호작용한 후에만 표시될 수 있다.

참고

https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content?hl=ko