If your web app is being hosted over HTTPs as you've indicated, then all external resources it is consuming should also use SSL and be secured through HTTPs. Think about it. It would defeat the purpose of your app being secure, if your app was in turn making insecure requests to an API.
You can either therefore, change your API calls to use HTTPs or Use HTTP instead of HTTPs, along with adding the following meta tag to your <head> element in your HTML:
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">