フェッチメソッドにヘッダーを追加した後に発生したプリフライトリクエストを解決する方法

以下のエディタでは、フェッチ メソッドにヘッダーを追加した後に発生するプリフライト リクエストの問題について簡単に説明します。編集者はこれがとても良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう

今日、ブラウザからfetchメソッド

fetch('xxx.com',{header:{bbbbbbb:111}})

で返されるリクエスト情報は、ヘッダーが

:authority:koss.nocorp.me
:method:OPTIONS
:path:/?a=1
:scheme:https
accept:*/*
accept-encoding:gzip, deflate, br
accept-language:zh-CN,zh;q=0.8
access-control-request-headers:bbbbbbbbbbb
access-control-request-method:GET
origin:http://localhost:3333
referer:http://localhost:3333/
user-agent:Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36

のリクエストメソッドに変わりました。 request も変わりました 生成された奇妙なリクエストヘッダなのか、OPTION メソッドなのか、今まで見たことがありませんでした。

このリクエストは、以下の点で通常の開発中に送信されるリクエストとは異なります

1. このリクエストのターゲットWebサイトはクロスドメインアドレスです

2.このリクエストは

を取得できません。ブラウザから返されたリクエスト情報のフィールド名に基づいてクエリを実行します。このクエリは、

access-control-request-headers:bbbbbbbbbbb
access-control-request-method:GET

がプリフライト ヘッダーと呼ばれ、取得するために CORS リクエストで使用されることを示しています。サーバーにリクエストを送信するときの許可。サーバーの応答は主に、Response の Access-Control-Allow-Origin フィールドに反映されます。

以上がフェッチメソッドにヘッダーを追加した後に発生したプリフライトリクエストを解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。