http와 https의 차이로 인한 API 연결 에러해결

깃허브에 내가 만든 사이트를 배포했다.

 

문제없이 잘 배포되는 헤피엔딩일 줄 알았다.

 

페이지 상단에 날씨 정보를 구현했다

이렇게 잘나왔는데 깃허브를 통해서 배포를 했더니

????

날씨 정보가 표시되지 않는다

 

당황하지 말고 콘솔창에 에러메세지를 확인한다

문제는

배포한 페이지가 HTTPS보안 주소인데

날씨정보를 불러오는 API주소가 HTTP라서

대충 보안상 위험하니 내가 차단했어^^ 라는 에러메세지다

 

기존에 날씨정보API주소에 HTTP를 HTTPS로 수정해도 작동하지않는다

왜냐면 날씨정보를 제공해주는 쪽의 서버에서 그렇게 해줘야하기때문이다

 

 

그럼 HTTPS로 주소를 제공하는 다른 API로 변경해주면 된다

검색을 통해 다른 날씨제공 사이트에서

AIP를 받았다

 

결과는 어떻게 되었을까?

배포된 주소로 접속해도 이렇게 정상 작동한다

쉽구만