CORSで困ったときのリンク

先日CORSのエラーに散々悩んだので、解決のための参考になったリンクを記載。

ちなみに構成はFront(Next.js) + Back(AWS API Gateway + Lambda(Python)) 。

リンク

• CORSの切り分け方法を載せてくれている。神。
  • https://future-architect.github.io/articles/20220222a/]
• AWS設定例
  • https://ozashu.hatenablog.com/entry/2019/03/27/004129]
• 参考に。
  • https://developer.mozilla.org/ja/docs/Web/HTTP/CORS
• Pythonコードの例。
  • https://qiita.com/wakoit/items/9d2ac03602ba120ed30e

たとえば

Front(Next.js) -> AWS API Gateway -> Lambda(Python) という構成だと、どこか一つにミスがあるだけでCORSに失敗する。当たり前ではあるが。

そのため、OPTIONで投げるリクエストとレスポンス、そして本命のリクエストとレスポンス、と細分化して一つ一つ切り分けていくのが遠回りなようで確実な道。CORSとひとまとめにくくって調べるとトラブルシューティングには苦労する。というか、苦労した。