Mixed Content: The page at 'https://codepen.io/N4thyra/pen/GELrmd?editors=1111' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.openweathermap.org/data/2.5/weather?lat=49.3546741&lon=17.8694483&APPID=cfdc05d02854f871e2eae7e3a0988b1f&units=metric'. This request has been blocked; the content must be served over HTTPS.
I’ve encountered this issue a few times, and the only solution I’ve always come up with was to change the APi, but whenever I run the app on my computer it works perfectly, obviously if I don’'t use the ‘https://crossorigin.me’ , it won’t work and I’ll get the same error, but why the heck are these pages ignoring it? Is there an easy solution to fix my issue? Or do I really have to look for another API?
Thank you in advance.
Edit: I only use Chrome/Chromium on Linux, and the app works on my local computer, but doesn’t work on both Github and Codepen.
2nd Edit: GUYS AVOID USING https://crossorigin.me IN YOUR PROJECTS, IT BEHAVES WEIRDLY!!!