記事の目的

この動画でてきた@CrossOriginアノテーションの意味を調べていたら
CORSという考え方がでてきたのでまとめる

公式ドキュメント

1.7.3.@CrossOrigin

CORSとは？

現在のWebブラウザでは、あるWebサイトが持つ情報が別の悪意あるWebサイトに悪用されるのを防ぐために、Same-Origin Policy(日本語では同一生成元ポリシー)が適用されます。

例えば、あるWebサイト https://guiltysite.com をブラウザで表示している時に、このWebページからXMLHttpRequest(以下、XHR)やFetch APIで別のWebサイト https://innocentsite.net からHTTP(S)でデータを読み込もうとすると、エラーになる、というわけです。

しかし、アクセス元が悪意あるWebサイトならともかく、データの連携をする相手として信頼関係ができているWebサイトにまで制限をかけてしまうと不便ですので、データのアクセスを許可できるWebサイトに対してはOriginを越えたアクセスを可能にするための仕組みとして、CORSがあります。

学習教材

Spring Boot and React JS | Full Course | 2020
https://youtu.be/i-hoSg8iRG0?t=3835

`@CrossOrigin("*")`とは？

参考記事

CORS (Cross-Origin Resource Sharing) ってなに？
Spring MVC で CORS 設定
CORSまとめ
[SpringBoot]CORS対応で他サイトからのアクセスを許可