Tengo un código Python flask-cors que se ejecuta en el motor informático GCP y presenta su salida en el puerto 3001. Digamos que la dirección física de mi instancia de servidor es x1.x2.x3.x4.
Tengo un archivo Javascript llamado myJSFile.js que se carga mediante un complemento de JavaScript. Contiene las siguientes líneas de código (el resto del código no se proporciona porque parece irrelevante para el 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 se comparte en un depósito de nube pública de modo que el complemento que se integrará en sitios web públicos pueda acceder a él.
Cuando ejecuto el complemento desde un archivo html (localmente en mi computadora), se ejecuta sin problemas y se proporcionan los resultados.
Cuando ejecuto el complemento desde un sitio web de WordPress aaa.com, aparece el error:
Contenido mixto: la página en 'https://aaa.com/' se cargó a través de HTTPS, pero solicitó un recurso inseguro 'http://x1.x2.x3.x4:3001/p1'. Esta solicitud ha sido bloqueada; el contenido debe entregarse a través de HTTPS.
Revisé las propiedades de la instancia de mi motor de computación y muestra "tráfico https: activado".
Intenté cambiar http a https en el código, pero no resolví este problema. En el navegador, veo el error: "Error al cargar el recurso: net::ERR_SSL_PROTOCOL_ERROR"
En el servidor, noté el siguiente error:
Ver error en el motor informático de Google
Noté que hay algunas soluciones, por ejemplo.este sitioen wordpress. Sin embargo, para tener un complemento más general, estoy buscando una solución que me permita solucionar esto cambiando la configuración de GCP o cambios en mi código. Cualquier consejo es muy apreciado; Además, si hay alguna sugerencia sobre cómo mejorar mi enfoque actual para compartir archivos js, hágamelo saber.