hsunny study blog

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

programming/ERROR

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

헤써니 2018. 6. 18. 19:29


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