728x90
(진행배경) 지난 글에 이어 재 배포를 실시하였으나 이번에는 아래와 같은 Mixed Content 에러가 발생하였다.
금방 끝날 줄 알았던 배포가 점점 길어지니 답답할 노릇이었다.
[문제 - Mixed Content 에러]
(문제 상황) 해당 에러문은 하나의 웹 페이지 안에서 일부는 https로 가져오고, 일부는 http로 리소스를 가져올 때 발생하는 문제라고 한다.
(문제 원인) 아래와 같이 로컬 파일에서 API를 요청하는 주소를 모두 살펴본 결과, 소스코드 하나가 http로 리소스를 가져오고 있었다.
(해결 방법) 해당 주소를 https로 변경해 주고 다시 git push 하였다. Netlify에서 자동 재배포 된 사이트를 확인하니 정상 로드되었다.
(배운점) Mixed Content 문제 예방을 위해 API 요청 시 http / https 통일이 필요하겠다.
728x90
반응형