Mixed content 에러 ( 해결 )

개인 프로젝트를 진행 도중, 공공 데이터 포털에서 코로나 관련 데이터 요청을 했는데 다음과 같은 에러가 떴다.

 

 

gh-pages로 배포한 내 사이트는 https 사이트인데 ajax를 사용하여 http 사이트의 자료를 request 요청을 한 것이 문제인듯 하다.

 

해결하려면 https 사이트에서 요청을 해와야할 것 같은데 ... 이와 같은 자료를 https로 된 사이트에서 찾을 수가 없어서 다른 방법이 있을까 하고 검색해보았더니..

 

html 파일에 다음과 같은 head를 추가하면 해결된다는 것을 알게되었다.

 

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

 

출처 : stackoverflow.com/questions/35178135/how-to-fix-insecure-content-was-loaded-over-https-but-requested-an-insecure-re