Comencemos diciendo qué significa serving the pages with these headers .

Si alguna vez creó una API con Express.js, por ejemplo, estará familiarizado con esto. Básicamente, significa que cuando el usuario realiza una solicitud GET para ver la página web, deberá enviar información adicional en forma de encabezados HTTP.

Específicamente, el primer encabezado evita que su página cargue cualquier recurso de origen cruzado que no otorgue permiso explícitamente. El segundo significa que no puede compartir un grupo de contexto de navegación con ningún documento de origen cruzado. Ambos se utilizan como medidas de seguridad para evitar ataques de origen cruzado. Aunque no estés pidiendo nada, tienes que aplicarlas.

Ahora sobre su problema, recomendaría instalar la extensión CORS de Chrome. No sé exactamente cómo funciona, pero lo he usado en el pasado y será una solución temporal. Revisé el tutorial que está siguiendo y no vi una configuración de servidor (como en el http de Express.js /Node, por ejemplo). Si tuviera alguno de estos, podría pasar los encabezados como argumentos a los servidores.

Para verificar si la configuración de CORS funciona según lo previsto, agregue el siguiente código a su aplicación:

 if (crossOriginIsolated) { // Works }

SharedArrayBuffer tiene el propósito de compartir búferes de datos entre su contexto de navegación principal y otro agente (otra página web o un trabajador).

Sin embargo, para minimizar las posibles vulnerabilidades de seguridad, la especificación establece que esta API solo se puede operar en un contexto seguro .

Además de este requisito previo de seguridad, también es necesario que cualquier documento de nivel superior esté en un aislamiento de origen cruzado. Esto significa que la parte que sirve los contenidos debe decirle al navegador que debe bloquear la carga de recursos de origen cruzado. (Un documento del dominio A que intenta obtener datos del Dominio B)

Esto lo hacen los servidores especificando los siguientes dos lectores de respuesta al servir el sitio web:

 Cross-Origin-Opener-Policy: same-origin Cross-Origin-Embedder-Policy: require-corp

¿Cómo especificarlos en su entorno de depuración?

Debe configurar un servidor de archivos estándar como Apache. Luego, tendrá que modificar su configuración para servir los encabezados anteriores con los archivos.

Configuración rápida: https://www.wampserver.com/en/

Una respuesta que proporciona la información del encabezado: https://stackoverflow.com/a/35566100/4185234

Me encontré con esto recientemente y encontré su pregunta y las respuestas anteriores

¿Qué significa servir las páginas con estos encabezados?

Significa configurar el servidor que sirve sus páginas para incluir esos encabezados. La forma en que configura un servidor depende del software que está usando, Apache, Nginx, Caddy, o si está usando uno de los miles de otros o está escribiendo el suyo propio.

Escribí 2 (o más correctamente, usé una biblioteca para escribir 2) y agregué la opción para incluir esos encabezados. Ambos son de código abierto, por lo que puedes mirar dentro si quieres ver cómo funcionan.

Si prefiere una interfaz de usuario, entonces está esta . Si prefiere la línea de comando, instale node.js y luego puede usar este