48일차 TIL( 팀프로젝트 발표 / 배포 시 error check )

배포 시 에러 발생

Mixed Content: The page at 'https: /Lgong-gong-play.vercel,app/' was Xhr.js:251 loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://openapi.seoul.go.kr:8088/456a6e5...json/ListPublicReservationSport /1/1000/'. This request has been blocked; the content must be served over HiTPs.

 

가져온 api들을 모두 담은 프로젝트를 배포하고 나니 에러가 발생했다.

하나 하나 해결해 나아갔는데, 서울시 공공 체육시설 api의 에러를 잡을 수 없었다.

검색하고 튜터님에게도 여쭤보고 하다, 결국 이유를 찾았다.

 

api 자체에서 https를 지원하지않으면 안되는 것이였다.

따로 요청해서 수정할 수 있으면 좋겠지만 여유가 되지 않는 상황이여서 

아쉬운대로 크롬 브라우저 내의 설정에서 안전하지 않은 컨텐츠 허용을 해놓고 나서야

api가 제대로 렌더링 되었다.

 

다른 배포는 수월하게 했는데 해당 api 때문에 많이 돌아왔다.

 

사전 계획시 고려해봐야 하는 상황이 늘게 되었다. api를 사용할 시 면밀히 확인해 봐야한다.