Github pages website is on HTTPS but Rest API is on HTTP

Question

I have github pages website which makes request to a hosted server which is HTTP and my browser blocks it.

Its assignment for university so I don't really want to pay for HTTPS on the server and I can't use something else for the front-end as I have sent the url to my professor expecting that this is where my web app will be hosted.

Is there anything I can do, which doesn't involve paying that much money?

Answer 1

I encountered this same issue when making API calls. Here's an easy workaround:

1. Get your api endpoint (for this example, let’s say http://api.catphotos.io/)
2. Prepend the CORS API link https://cors-anywhere.herokuapp.com/ to your link
3. Make sure to leave the http:// on your endpoint.
4. Your new link should look like this: https://cors-anywhere.herokuapp.com/http://api.catphotos.io/
5. Make your API calls with your new link!

Source: johnalcher.me