Chrome не показывает запросы OPTIONS на вкладке Network

83

Мое веб-клиентское приложение устанавливает запросы HTTP POST через API извлечения.

Я вижу, что предварительные запросы OPTIONS отправляются через прокси-сервер отладки (Charles Proxy), но они не отображаются на вкладке Google Chrome Developer Tools \ Network.

У меня нет настроек фильтров на вкладке сети. Я помню, как там были видимы запросы OPTIONS, но их больше нет. Как мне их вернуть?

google-chrome cors google-chrome-devtools preflight Убеогеш
источник

Ответы:

145

Вам нужно будет идти в: chrome://flags/#out-of-blink-cors, отключить флаг, и перезапустить Chrome.

Это ожидаемое изменение поведения согласно:
https://bugs.chromium.org/p/chromium/issues/detail?id=995740#c1

Первоначально я наткнулся на это через:
https://support.google.com/chrome/thread/11089651?hl=en

jms
источник
3
Это сработало. Но я не мог найти на связанных страницах, что делает этот параметр «не мигает». Blink - это хромированное название движка - так какой компонент вместо него cors? И что фактически изменилось для обычных веб-сайтов, которые не являются расширениями Chrome?
Ubeogesh
Я мог бы предположить, что обработка cors переместилась в движок - более низкий уровень, чем есть у devtools. Но вы можете отключить эту оптимизацию.
Джордж Мауэр
26
Такое поведение намного усложнит жизнь начинающим разработчикам. По сути, это скрытие ответа на ошибки.
Claudio Holanda
Chrome 79+ больше не отображает предварительные запросы CORS. Вы можете использовать, например, Firefox, чтобы увидеть это.
mkupiniak 05
2
Хорошие новости от разработчика Chrome, который работал над соответствующим кодом: см. Ответ на stackoverflow.com/a/62590759/441757 «Chrome 83 снова реализует поддержку предварительных проверок DevTools CORS с сохранением безопасности. Таким образом, вы можете отслеживать запросы предварительной проверки CORS, как вы могли бы это делать до CORS Out-Of-Blink / Renderer »
сторонний
17

Chrome 81 ничего не отображает даже после изменения параметра и перезагрузки на моем компьютере.

В качестве альтернативного решения я начал использовать Firefox и его вкладку «Сеть» для разработки.

введите описание изображения здесь

https://getfirefox.com

Микко Охтамаа
источник
1
Я использую Chrome 81 и меняю флаг, как это было предложено jms .
Густаво Штраубе,
@GustavoStraube Хммм. Вы используете какую операционную систему?
Микко Охтамаа
MacOS Mojave (10.14.6)
Густаво Штраубе
1
Я наблюдал такое поведение при тестировании сайта за базовой HTTP-аутентификацией. Даже если вы вошли в систему на другой вкладке, предварительный запрос всегда будет терпеть неудачу (v84)
koosa
7

Я Такаши из Chromium Project, и я руководил проектом Out-Of-Blink / Render CORS.

Проект был направлен на внедрение изолированной от процесса реализации CORS для повышения безопасности и конфиденциальности, и многие из новых сетевых функций полагаются на эту новую реализацию. К сожалению, мы временно отключили предполетную поддержку в DevTools, поскольку, как выяснилось, продолжение ее поддержки снижает безопасность и конфиденциальность. Приносим извинения за неудобства в этот период.

Хорошая новость заключается в том, что Chrome 83 снова реализует предварительную поддержку DevTools CORS с сохранением безопасности. Таким образом, вы можете отслеживать запросы предварительной проверки CORS так же, как и до CORS Out-Of-Blink / Renderer.

Лучший,

Такаси Тойосима
источник
6
Я использую последнюю версию Chrome на macOS, но все еще не вижу ОПЦИИ в инспекторе сети. Помогите?
Мигель Рибейро,
2
Chrome 83.0.4103.116 (Mac OS) - предполетная информация по-прежнему не отображается на сетевой панели. Есть ли какой-то флаг, который нужно включить?
EK0 02
4
Chrome 83.0.4103.116 (официальная сборка) (64-разрядная версия) на MacO еще не показывает предварительную версию для меня. И экспериментальный вариант «out-of-blink-cors» больше не доступен.
Ben K
1
Можете ли вы попробовать следующую страницу? yuri.twintail.org/chrome/cors/preflight.html 1) Откройте DevTools 2) Нажмите кнопку «заставить cors fetch» ​​3) Вы увидите два запроса для 918322_21.cgi, один из которых не выполняет фактический запрос, а другой - 200 для предполетной подготовки. Примечание: если запрос попадает в кеш предварительной проверки CORS, мы ничего не показываем, поскольку Chrome не отправляет предварительную проверку. Ожидается, что опция «Отключить кеш» в DevTools смягчит эту проблему, поскольку с этой опцией также отключается предварительный кэш.
Takashi Toyoshima
12
Для меня, использующего Chrome 84 / Win10, запросы OPTIONS отображаются на вкладке «Сеть», если вы выбираете фильтр «Все», но не отображаются, если вы выбираете фильтр «XHR». Это раздражает, потому что тогда мне приходится пробираться через десятки других запросов, которые меня не волнуют. Есть идеи, почему вы не можете показать их в обоих местах?
Крис Тайбур