Freecodecamp: CodePen이 Open Weather Map API를 차단하고 있습니다.

@anthkris 이것은 # 8141로 수정되었습니다.
변경 사항은 며칠 내에 기본 웹 사이트에 적용됩니다.

해결 방법으로 다음과 같이 CodePen 링크의 http 버전을여십시오.
http://codepen.io/FreeCodeCamp/full/bELRjV

챌린지의 https 링크가 아닙니다.

링크는 수정 사항이 기본 웹 사이트에 도달하는 즉시 업데이트됩니다.

Chrome 및 Firefox에서 링크의 http 버전을 열 때도 OpenWeather API에 대한 http 호출이 차단됩니다. 이미 Local Weather 프로젝트를 마쳤지만 Codepen에서 이와 같은 프로젝트를 제출할 수 없습니다. URL은 Safari에서 볼 때 잘 작동합니다. 내 서버에서 호스팅되는이 프로젝트를 제출하거나 SSL을 지원하는 다른 무료 날씨 API를 찾는 것만 생각할 수있었습니다.

@ j7an # 7853에 대한 토론 참조

여전히 차단됨

@rolandocz 여기 @ 149203에 의해 언급 된 Forecast.io를 사용해보십시오 : https://github.com/freeCodeCamp/freeCodeCamp/issues/7853#issuecomment -222315358

또는 여기에서 해결책을 시도 할 수 있습니다 : https://forum.freecodecamp.com/t/local-weather-api-for-people-stuck-because-of-the-https-request/50274/17?u=j7an

여전히 차단됨

https://cors-anywhere.herokuapp.com/
초기 URL 앞에 넣으면 저에게 효과적이었습니다.
드디어 :)

@ risingmoon77 예, 저를 위해 잘 작동합니다.

$.getJSON("https://cors-anywhere.herokuapp.com/http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+lon+"&appid=1c48b076cbce09ca93cfff52b6c839c1",function(json){
   // other code goes here
}

@raisedadead codepen은 HTTP 요청을 HTTPS로 자동 리디렉션하므로 메서드가 작동하지 않습니다.

https 웹 사이트에서 http 요청을 할 수 없습니다. 그리고 navigation.geolocation을 사용하려면 https를 사용해야하므로 가장 좋은 방법은 darksky 와 같은 https API를 사용하는 것

@raisedadead 이 문제는 # 15598로 인해 닫힐 수 있다고 생각합니다.