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 “”
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