Eu tenho um código python flask-cors que é executado no mecanismo de computação GCP e apresenta sua saída na porta 3001. Digamos que o endereço físico da minha instância do servidor seja x1.x2.x3.x4.
Eu tenho um arquivo Javascript chamado myJSFile.js que é carregado por um plugin javascript. Ele contém as seguintes linhas de código (o resto do código não é fornecido porque parece irrelevante para o problema):
fetch('http://x1.x2.x3.x4:3001/p1', {
method: 'POST',
body: JSON.stringify({ message: text123 }),
mode: 'cors',
headers: {'Content-Type': 'application/json'},
myJSFile.js é compartilhado em um bucket de nuvem pública para que o plugin que será incorporado em sites públicos possa acessá-lo.
Quando executo o plugin a partir de um arquivo html (localmente no meu computador), ele é executado sem problemas e os resultados são fornecidos.
Quando executo o plugin em um site wordpress aaa.com, recebo o erro:
Conteúdo misto: a página em 'https://aaa.com/' foi carregada por HTTPS, mas solicitou um recurso inseguro 'http://x1.x2.x3.x4:3001/p1'. Esta solicitação foi bloqueada; o conteúdo deve ser veiculado por HTTPS.
Verifiquei as propriedades da instância do meu mecanismo de computação e ela mostra "tráfego https: ativado".
Tentei alterar http para https no código, mas não resolvi esse problema. No navegador, vejo o erro: "Falha ao carregar recurso: net::ERR_SSL_PROTOCOL_ERROR"
No servidor, notei o seguinte erro:
Veja o erro no mecanismo de computação do Google
Percebi que existem algumas soluções alternativas, por exemploesse siteno wordpress. Porém, para ter um plugin mais geral, estou procurando uma solução que me permita resolver isso alterando as configurações do GCP ou alterações no meu código. Qualquer conselho é extremamente apreciado; Além disso, se houver alguma sugestão sobre como melhorar minha abordagem atual para compartilhar arquivos js, por favor me avise.