[TIL]2022.05.28

진경·2022년 5월 28일
0

TIL

목록 보기
22/29

netlify배포 문제

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가 없다는 것을 알려준다고 들었는데 이 부분을 해결하는 방법은 찾지 못했다.
그래서 배포를 그냥 해주고 크롬 기준 설정>개인 정보 및 보안> 사이트 설정> 사이트 전체에 저장된 권한 및 데이터 보기에서 링크를 안전하지 않은 컨텐츠를 허용으로 바꿔주면 배포 사이트가 작동한다.
이 문제를 정확하게 해결한게 아니라서 찝찝하지만 아직 아는 것으로는 해결하지 못했다. 더 공부해보고 리팩토링 해봐야겠다.

profile
프론트엔드 취준생입니다

0개의 댓글