Lo que estoy tratando de lograr es mostrar contenido html a un usuario desde otro servidor (servidor externo que no poseo) al que normalmente se accede a través de un navegador.
Para obtener el html correcto para mostrar al usuario, se deben proporcionar cookies relacionadas con el dominio de ese servidor.
El enfoque más fácil que probé es usar un iframe. Y, por supuesto, recibí el error CSP habitual de la consola de Chrome:
Se negó a enmarcar '{{URL}}' porque un antepasado infringe la siguiente directiva de Política de seguridad de contenido: "frame-ancestors 'self' {{ACCEPTED DOMININS}}".
Hice un servidor proxy local en node.js e intenté configurar una solicitud de proxy en el navegador axios:
axios.get("{{URL to external server}}", { proxy: { host: "localhost", port: 5050 }});Rápidamente me di cuenta de que el proxy axios es una función solo de nodo según este problema .
No puedo encontrar una manera de hacer una solicitud GET para obtener html en un navegador a un servidor/dominio protegido por cookies y protegido por CSP. Si puedo mostrar html en primer lugar, probablemente pueda usar el mismo sistema para mostrar una página de inicio de sesión para actualizar las cookies del usuario. Solo un aviso, estoy usando react/node.js.
Si conoce un enfoque mejor que elimine por completo mi código o use una tecnología diferente, ¡comparta!
Gracias de antemano.