Chrome no muestra solicitudes de OPCIONES en la pestaña Red

82

Mi aplicación de cliente web está configurando solicitudes HTTP POST a través de la API de recuperación.

Veo que las solicitudes de verificación previa de OPCIONES se envían a través del proxy de depuración (Charles Proxy), pero no se muestran en la pestaña Herramientas de desarrollo de Google Chrome \ Red.

No tengo ningún filtro configurado en la pestaña de red. Recuerdo que las solicitudes de OPCIONES están visibles allí, pero ya no. ¿Cómo los traigo de vuelta?

google-chrome cors google-chrome-devtools preflight Ubeogesh
fuente

Respuestas:

146

Tendrá que ir a: chrome://flags/#out-of-blink-cors, desactivar la bandera, y reiniciar Chrome.

Este es un cambio de comportamiento esperado según:
https://bugs.chromium.org/p/chromium/issues/detail?id=995740#c1

Originalmente me encontré con esto a través de:
https://support.google.com/chrome/thread/11089651?hl=en

jms
fuente
3
Esto funcionó. Pero no pude encontrar en las páginas vinculadas lo que hace esta configuración "out-of-blink-cors". Blink es el nombre del motor Chrome, entonces, ¿qué componente tiene cors en lugar de él? ¿Y qué ha cambiado efectivamente para los sitios web normales que no son extensiones de Chrome?
Ubeogesh
Me imagino que el manejo de cors se trasladó al motor, un nivel más bajo al que tiene acceso devtools. Pero puede desactivar esa optimización.
George Mauer
24
Este comportamiento hará que la vida de los desarrolladores novatos sea mucho más difícil. Básicamente, se trata de ocultar la respuesta a los errores.
Claudio Holanda
2
Buenas noticias del implementador de Chrome que trabajó en el código relacionado: vea la respuesta en stackoverflow.com/a/62590759/441757 “Chrome 83 implementa nuevamente el soporte de DevTools de verificación previa de CORS de una manera que mantiene la seguridad. Para que pueda monitorear las solicitudes de verificación previa de CORS como lo haría antes del CORS fuera de parpadeo / renderizador ”
sideshowbarker
2
Ya no funciona a partir de Chrome 85 :(
phuzi
14

Chrome 81 no parece mostrar nada incluso después de cambiar la opción y reiniciar en mi computadora.

Como solución alternativa, comencé a usar Firefox y su pestaña Red para el desarrollo.

ingrese la descripción de la imagen aquí

https://getfirefox.com

Mikko Ohtamaa
fuente
1
Estoy usando Chrome 81 y cambiando la bandera según lo sugerido por jms funcionó.
Gustavo Straube
@GustavoStraube Hmmm. ¿Estás en qué sistema operativo?
Mikko Ohtamaa
MacOS Mojave (10.14.6)
Gustavo Straube
1
Veía este comportamiento al probar un sitio detrás de la autenticación http básica. Incluso si ha iniciado sesión en otra pestaña, la solicitud de verificación previa siempre fallará (v84)
koosa
7

Soy Takashi de Chromium Project y dirigí el proyecto CORS Out-Of-Blink / Render.

El proyecto tenía la intención de introducir una implementación CORS aislada de proceso para una mejor seguridad y privacidad, y muchas de las nuevas características relacionadas con la red dependen de esta nueva implementación. Desafortunadamente, deshabilitamos temporalmente el soporte de verificación previa en DevTools, ya que resultó que continuar brindando soporte debilita la seguridad y la privacidad. Disculpe las molestias durante este período.

La buena noticia es que ahora Chrome 83 implementa el soporte de DevTools antes del vuelo de CORS nuevamente de una manera que mantiene la seguridad. Por lo tanto, puede monitorear las solicitudes de verificación previa de CORS como lo haría antes de CORS fuera de parpadeo / renderizador.

Mejor,

Takashi Toyoshima
fuente
5
Estoy ejecutando la última versión de Chrome en macOS y todavía no veo las OPCIONES en el inspector de red. ¿Ayuda?
Miguel Ribeiro
2
Chrome 83.0.4103.116 (Mac OS): todavía no hay información previa al vuelo visible en el panel de red. ¿Hay alguna bandera que deba encenderse?
EK0
4
Chrome 83.0.4103.116 (compilación oficial) (64 bits) en MacOs todavía no me muestra el vuelo previo. Y la opción experimental out-of-blink-cors ya no está disponible.
Ben K
1
¿Puedes probar la siguiente página? yuri.twintail.org/chrome/cors/preflight.html 1) Abrir DevTools 2) Haga clic en el botón "make cors fetch" 3) Verá dos solicitudes para 918322_21.cgi, una falla en la solicitud real y la otra es 200 para la verificación previa. Nota: si la solicitud llega al caché de verificación previa de CORS, no mostramos nada ya que Chrome no envía la verificación previa. Se espera que la opción "Desactivar caché" en DevTools mitigue este problema, ya que la caché de verificación previa también está desactivada con esta opción.
Takashi Toyoshima
9
Para mí con Chrome 84 / Win10, las solicitudes de OPCIONES se muestran en la pestaña Red si seleccionas el filtro 'Todo', pero no si seleccionas el filtro 'XHR'. Lo cual es molesto porque luego tengo que lidiar con docenas de otras solicitudes que no me importan. ¿Alguna idea de por qué no puedes mostrarlos en ambos lugares?
Chris Tybur