[https 오류] Mixed content this request has been blocked the content must be served over https

최근에 HTTPS를 적용한 페이지가 있었는데 적용한 이후 특정 페이지가 안나오는 이슈가 있었다.

Mixed Content: The page at 'https://plprice.netlify.app/' was loaded over HTTPS,

but requested an insecure

This request has been blocked; the content must be served over HTTPS.

컨텐츠가 안나오는 페이지에서는 위와 같은 오류가 발생하고 있었다.

 

위의 오류는 HTTPS 사이트에서 HTTP를 요청할 때 발생할 때 생기는 보안 오류이다.

 

이 경우 보통 Mixed Content로 에러를 해결하면 된다. 

반응형

html파일 head에 추가

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

 

나의 경우 오류 나는 페이지에서 ifram으로 http 페이지를 호출하고 있었다.

 

그래서 html파일 head에 Mixed Content를 사용하였으나 실제로 제대로 호출하지 못하였고, 매니저와 의논하여

 

ifram으로 호출하는 페이지를 팝업으로 불러오는 방식으로 변경하였다.