Mixed Content: The page at 'https://netlify주소.app/' was loaded over HTTPS,
but requested an insecure script
'http://api주소'.
This request has been blocked; the content must be served over HTTPS.
api가 http고, netlify 배포 주소가 https라서 생기는 문제라고 한다. 보통은 이려면 api 주소를 https로 변경해주는데 내 api는 그게 안된다.
여기서
head에
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
를 넣어주면 http를 https로 변경해준다고 한다.
하지만 https를 제공하지 않는 api의 경우에는 정확하게 기억은 안나는데 ssl 에러가 난다.
이 에러가 https가 없다는 것을 알려준다고 들었는데 이 부분을 해결하는 방법은 찾지 못했다.
그래서 배포를 그냥 해주고 크롬 기준 설정>개인 정보 및 보안> 사이트 설정> 사이트 전체에 저장된 권한 및 데이터 보기에서 링크를 안전하지 않은 컨텐츠를 허용으로 바꿔주면 배포 사이트가 작동한다.
이 문제를 정확하게 해결한게 아니라서 찝찝하지만 아직 아는 것으로는 해결하지 못했다. 더 공부해보고 리팩토링 해봐야겠다.