Mixed Content ou contéudo misto

A um tempo atrás fiz odeploy de uma aplicação monolítica no Heroku usando ReactJS + NodeJS (Express) + Postgres e com isso surgiram alguns bugs como por ex: Cors origin, erros com a porta de conexão e Mixed content depois de muita pesquisa em busca de soluções para os bugs, consegui resolver os problemas. Mas o que mais chamou a minha atenção foi o erro Mixed content.

Mixed content ou Contéudo Misto — Acontece quando um utilizador visita uma página servida sobre HTTPS, a sua ligação com o servidor da Web é encriptada com TLS e é, portanto, salvaguardada da maioria dos sniffers e ataques man-in-the-middle. Uma página HTTPS que inclui conteúdo obtido utilizando texto simples HTTP é chamada de de página de conteúdo misto. As páginas como esta são apenas parcialmente encriptadas, deixando o conteúdo não encriptado acessível aos sniffers e atacantes man-in-the-middle. Isso deixa as páginas inseguras. Em outras palavras o que acontece é uma página segura tentando acessar uma página insegura o que imediatamente é barrado pelo navegador.

Solução
Após tentar um pouco de tudo resolvi o problema com apenas uma linha de código num arquivo HTML:
<meta http-equiv=”Content-Security-Policy” content=”upgrade-insecure-requests” />