0

I made a simple weather app using react. It was working well. But when I hosted it on Github, it gives the error and is not working properly. Do someone know how to resolve this error?

Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure resource ''. This request has been blocked; the content must be served over HTTPS.

my errors
2nd screenshot

Ankit Bajpai
  • 1
  • 2

2 Answers2

1

To fix the error you need to make sure that all external resources are all running over HTTPS.

So in this instance, you just need to change the openweathermap.com resource to load from https rather than http. If you leave it as http, then it just won't get loaded and then you'll end up with a ton of js errors as the code wasn't loaded properly.

James
  • 620
  • 3
  • 13
-1

use https instead of http as the protocol of your base url

Kingsley
  • 1
  • 3