TIL 62. Mixed content 에러

api를 사용한 프로젝트를 배포할 때 문제가 발행했다.

Mixed Content: The page at 'https://여긴 url/' was loaded over HTTPS, 
but requested an insecure script 
'http://여긴 url/?여긴 페이지=1'. 
This request has been blocked; the content must be served over HTTPS.

위 내용처럼 Mixed Content에러가 발생했다.
암호화된 HTTPS 기반의 사이트에서, 암호화되지 않은 HTTP 사이트에 요청을 보내서 에러가 발생한 것이다.

index.html 파일의 head부분에 아래 코드 한 줄을 추가하는 것으로 해결했다.

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