React :: Mixed Content 에러 해결

Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure resource '<URL>'. This request has been blocked; the content must be served over HTTPS.

Mixed Content 문제는 https 사이트에서 http 사이트로 요청을 보낼 시에 발생하는 보안 문제 중 하나.

https 사이트에서 ajax를 사용하여 비동기로 http 사이트에 요청을 보내어 문제가 발생한 것인데..

암호화된 https 기반의 사이트에서 암호화되지 않은 http 사이트로 요청을 보내니.. 문제가 발생한 것.

 

해결 방법

 

index.html 파일 head에 아래 문법을 추가한다.

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