https://www.freecodecamp.com/challenges/show-the-local-weather
Show the local weather challenge recommande d'utiliser l'API Open Weather Map. Ce qui a bien fonctionné jusqu'à présent. Maintenant, vous obtiendrez une erreur indiquant "pen.js: 22 Contenu mixte: La page à [...] a été chargée via HTTPS, mais a demandé un point de terminaison XMLHttpRequest non sécurisé ' http://api.openweathermap.org/data/2.5/ weather? lat = 30.281903699999997 & lon = -97.73883819999999 & appid = 41bf32baf1dc0b1bb46d120a3cbdbc57 '. Cette demande a été bloquée; le contenu doit être
// If relevant, paste all of your challenge code in here
@anthkris cela a été corrigé avec # 8141.
Les modifications devraient arriver sur le site Web principal dans quelques jours.
Pour contourner le problème, veuillez ouvrir la version http
du lien CodePen comme dans:
http://codepen.io/FreeCodeCamp/full/bELRjV
et non le lien https
du défi.
Le lien sera mis à jour dès que les correctifs atteindront le site Web principal.
Même lorsque j'ouvre la version http du lien dans Chrome et Firefox, l'appel http à l'API OpenWeather est bloqué. J'ai déjà terminé mon projet Local Weather, mais je ne peux pas soumettre le projet comme celui-ci sur Codepen. L'URL fonctionne bien lors de la visualisation dans Safari. Je ne pouvais penser qu'à soumettre ce projet hébergé sur mon propre serveur ou à trouver une autre API météo gratuite prenant en charge SSL.
@ j7an référez la discussion sur # 7853
toujours bloqué
@rolandocz essayez Forecast.io comme mentionné par @ 149203 ici: https://github.com/freeCodeCamp/freeCodeCamp/issues/7853#issuecomment -222315358
Ou vous pouvez essayer la solution ici: https://forum.freecodecamp.com/t/local-weather-api-for-people-stuck-because-of-the-https-request/50274/17?u=j7an
Toujours bloqué
https://cors-anywhere.herokuapp.com/
Cela a fonctionné pour moi si vous le mettez devant l'URL initiale
Finalement :)
@ Risingmoon77 Ya
$.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 est automatiquement redirigé la requête HTTP vers HTTPS afin que votre méthode ne fonctionne pas.
Vous ne pouvez pas faire de requête http à partir d'un site Web https. Et comme vous devez utiliser https pour utiliser navigation.geolocation, la meilleure chose à faire est d'utiliser simplement une API https comme darksky .
@raisedadead Je pense que ce problème peut être résolu en raison du # 15598
Commentaire le plus utile
https://cors-anywhere.herokuapp.com/
Cela a fonctionné pour moi si vous le mettez devant l'URL initiale
Finalement :)