How to fix not being to access an external API?

Hello! I deployed a SPA React site that accesses an external API to recieve JSON data. However, when called the console throws the following:

Blocked loading mixed active content “http://quotes.stormconsultancy.co.uk/random.json”
programmerquotes.netlify.com:1:875
TypeError: NetworkError when attempting to fetch resource.

What should I do to allow that to be called? it works on local deployments.

A post was merged into an existing topic: Button in React application isn’t updating UI