Chromeが[ネットワーク]タブにOPTIONSリクエストを表示しない


83

私のWebクライアントアプリケーションは、フェッチAPIを介してHTTPPOSTリクエストを設定しています。

OPTIONSプリフライトリクエストはデバッグプロキシ(Charles Proxy)を介して送信されますが、GoogleChromeデベロッパーツール\ネットワークタブに表示されません。

[ネットワーク]タブにフィルターを設定していません。OPTIONSリクエストがそこに表示されていたのを覚えていますが、もう表示されていません。どうすれば元に戻すことができますか?

回答:


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


3
これはうまくいきました。しかし、リンクされたページでは、この「out-of-blink-cors」設定が何をするのかを見つけることができませんでした。点滅はクロームエンジン名です-それで、それの代わりにどのコンポーネントがcorsをしますか?そして、Chrome拡張機能ではない通常のウェブサイトで効果的に何が変わったのでしょうか?
Ubeogesh

corsの処理がエンジンに移されたと想像します-devtoolsがアクセスできるよりも低いレベルです。ただし、その最適化を無効にすることはできます。
ジョージマウアー

26
この振る舞いは、新参の開発者の生活を非常に難しくします。これは基本的にエラーへの答えを隠しています。
クラウディオ

Chrome79以降ではプリフライトCORSリクエストが表示されなくなりました。たとえばFirefoxを使用して表示できます。
mkupiniak

2
関連コードに取り組んだChrome実装者からの朗報:stackoverflow.com/a/62590759/441757 の回答を参照してください。「Chrome83は、セキュリティを維持した方法でCORSプリフライトDevToolsサポートを再度実装します。あなたはアウト・オブ・ブリンク/レンダラーCORS」の前に行うことができますよう、あなたはCORSプリフライトリクエストを監視できるように
sideshowbarker

17

オプションを変更してコンピュータで再起動しても、Chrome81に何も表示されないようです。

別の解決策として、Firefoxとその[ネットワーク]タブを開発に使用し始めました。

ここに画像の説明を入力してください

https://getfirefox.com


1
私はChrome81を使用しており、jmsが提案するようにフラグを変更しました。
GustavoStraube20年

@GustavoStraubeうーん。どのオペレーティングシステムを使用していますか?
MikkoOhtamaa20年

MacOSのモハーベ(10.14.6)
グスタボStraube

1
基本的なhttp認証の背後にあるサイトをテストしたときにこの動作が見られました。別のタブにログインしている場合でも、プリフライトリクエストは常に失敗します(v84)
koosa 2010

7

ChromiumProjectのTakashiです。Out-Of-Blink/ RenderCORSプロジェクトを推進しました。

このプロジェクトは、セキュリティとプライバシーを向上させるためにプロセス分離CORS実装を導入することを目的としており、新しいネットワーク関連機能の多くはこの新しい実装に依存しています。残念ながら、DevToolsのプリフライトサポートは引き続きサポートされているため、セキュリティとプライバシーが弱くなるため、一時的に無効にしました。この期間中はご不便をおかけして申し訳ございません。

幸いなことに、Chrome83はセキュリティを維持した方法でCORSプリフライトDevToolsサポートを再び実装しています。そのため、Out-Of-Blink / Renderer CORSの前と同じように、CORSプリフライトリクエストを監視できます。

ベスト、


6
macOSで最新のChromeを実行していますが、ネットワークインスペクターにオプションが表示されません。助けて?
ミゲルリベイロ

2
Chrome 83.0.4103.116(Mac OS)-ネットワークパネルに飛行前の情報が表示されない。オンにする必要のあるフラグはありますか?
EK0

4
MacOのChrome83.0.4103.116(公式ビルド)(64ビット)は、まだプリフライトを表示していません。また、実験的なout-of-blink-corsオプションは使用できなくなりました。
ベン

1
次のページをお試しいただけますか?yuri.twintail.org/chrome/cors/preflight.html 1)DevToolsを開きます2)[make cors fetch]ボタンをクリックします3)918322_21.cgiに対する2つのリクエストが表示されます。1つは実際のリクエストに失敗し、もう1つは200です。プリフライト用。注:リクエストがCORSプリフライトキャッシュにヒットした場合、Chromeはプリフライトを送信しないため、何も表示されません。DevToolsの[キャッシュを無効にする]オプションは、プリフライトキャッシュもこのオプションで無効になるため、この問題を軽減することが期待されます。
豊島隆史

12
Chrome 84 / Win10を実行している場合、「すべて」フィルターを選択するとOPTIONSリクエストが「ネットワーク」タブに表示されますが、「XHR」フィルターを選択すると表示されません。それは私が気にしない他の何十もの要求を通り抜けなければならないので、それは迷惑です。両方の場所でそれらを表示できない理由はありますか?
ChrisTybur20年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.