Laboratorio de CORS todas las configuraciones, una sola página

Qué es esta página

Esta página se sirve desde . Hace requests a una API en — un origen distinto, así que todos ellos pasan por CORS. La API reconstruye sus headers CORS a partir de los query params en cada request, de modo que cada escenario de abajo reconfigura el servidor al vuelo. No hace falta reiniciar nada.

El panel de la derecha es el log del propio servidor, en vivo. Es lo más útil de todo esto: muestra qué recibió y qué respondió el servidor realmente, al lado de lo que el navegador estuvo dispuesto a contarle a JavaScript. Esas dos cosas difieren mucho más seguido de lo que uno esperaría.

  1. Abrí DevTools → Network y dejalo a la vista. Todas las respuestas bloqueadas están ahí.
  2. Hacé clic una vez en Poner cookies en la API, así los escenarios de credenciales tienen algo para mandar.
  3. Recorré los grupos de arriba abajo, o tocá Probar todo y comentá el resumen.

6 · Laboratorio libre

Todas las perillas, para improvisar cuando alguien pregunta "¿y si…?".

El código del servidor está en server.js: unas 330 líneas de Node puro, sin dependencias, escritas para leerse en voz alta. La lista de escenarios son datos en public/scenarios.js, así que podés agregar los tuyos.