LoginSignup
0
0

More than 3 years have passed since last update.

CORSの流れを理解したい

Posted at

CORSってまずなんて読むん?

読み方: コルス or シーオーアールエス
Cross-Origin Resource Sharing の略、日本語訳すると「オリジン間リソース共有」
そしてこのOrizin「オリジン」のとは、
プロトコル+ドメイン+ポートナンバーのこと。イメージはURL

CORSって詳しく言うと?

CORS は日本語訳すると オリジン間リソース共有 でした。つまり CORS とは、あるオリジンで動いている Web アプリケーションに対して、別のオリジンのサーバーアクセス
をオリジン間リクエストによって許可できるHTTPの仕組みのことを言います。

下記図でいうと、domain-a.comで取得したWebドキュメントが、
domain-b.comのサーバーへアクセスする部分の仕組み

20210213_CORS.png

CORSの実際の動きやルール

CORSがどのように動作するか、3パターン示します。これらの例はすべて XMLHttpRequest を用いており、対応しているブラウザーにおいて、サイトをまたいでアクセスすることができます。

単純リクエスト

一定条件を満たすリクエストはシンプルなリクエストで完結します。
20210213_CORS単純リクエスト.png

プリフライトリクエスト

「プリフライト」リクエストは始めに OPTIONS メソッドによる HTTP リクエストを他のドメインにあるリソースに向けて送り、実際のリクエストを送信しても安全かどうかを確かめます。サイト間リクエストがユーザーデータに影響を与える可能性があるような場合に、このようにプリフライトを行います。
20210213_CORSプリフライトリクエスト.png

参考

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0