Erreur Web API - Cette requête a été bloquée ; le contenu doit être servi via HTTPS
Si votre application web est hébergée en HTTPS comme vous l’avez indiqué, alors toutes les ressources externes qu’elle consomme (CDN, scripts, fichiers CSS, appels API) doivent également utiliser SSL et être sécurisées via HTTPS. Réfléchissez-y. Cela annulerait l’intérêt de la sécurité de votre application si celle-ci effectuait des requêtes non sécurisées vers une API.
Vous pouvez donc :
Comme Chrome le suggère, modifier vos appels API pour utiliser HTTPS (recommandé)
Utiliser HTTP au lieu de HTTPS
Ajouter la balise meta suivante à votre élément <head> dans votre HTML :
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
Plus d’informations à ce sujet ici : https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests.