XHRによるCORS通信時のpreflight問題について考える【.htaccessは要らないよ】 | Analog Studio

2020/03/15 概要 Javascript の XHR や fetch を使って非同期に通信を行う際、自分のドメインを超えて他のドメインにアクセスしたいことはよくありますよね。 XHR / fetch はいずれも他ドメインへの通信も可能 (正確には XHR は (通称) XHR Level2 以降) ですが、サーバ側でドメインが異なるアクセス元からの通信を許可してやる必要があります。これが CORS (Cross-Origin Resource Sharing) と呼ばれる決まり・技術です。 先日、ちょっと調べる機会がありましたのでその際に確認したことを備忘録を兼ねて共有したいと思います。 CORS を扱う際には .htaccess などでヘッダを追加する方法が取られますが、サーバサイドプログラムで出力すれば良かった (私自身もそうであるべきだと思っていた) のでそのあたりも含めてま