ブラウザでのクロスドメインのHTTPリクエスト時にはpreflightリクエストが入る

[ghost]

preflightリクエスト

CORSのHTTPリクエストを行う場合、ある特定条件下ではpreflightリクエストというものが実際のリクエストの前に行われる。（つまり計2回通信する）

特定条件とは

以下の条件のどれかが満たされたとき、preflightリクエストを行う

• メソッドがGET, POST, HEAD以外である
• ヘッダにAccept, Accept-Language, Content-Language, Content-Type以外のフィールドが含まれる
• Content-Typeが application/x-www-form-urlencoded, multipart/form-data, text/plainの以外である

流れ

preflightリクエストは以下のようなリクエスト、

• メソッドはOPTIONS
• リクエストヘッダにOrigin, Access-Control-Request-Method, （あれば）
  Access-Control-Request-Headers など、「こういう内容で通信しますよ」とサーバに事前に知らせる

これに対するレスポンスは、

• Access-Control-Allow-Origin, Access-Control-Allow-Methods, Access-Control-Allow-Headers などを返し、「こういう内容を許可しますよ」と示す。

preflightリクエストとそのレスポンスは対になるようなヘッダを持つ。

ここまでやって許可されてから、やっと実際の通信が行われる。

参考
https://dev.classmethod.jp/etc/about-cors/