Access-Control-Allow-Origin: * を設定しているのにCORSエラーではじかれるときにチェックすること

APIサーバー側にAccess-Control-Allow-Origin: *の設定をしているのに、クライアントからCORSエラーでアクセスできないときに確認する点について共有します。

クライアントから指定するURLの末尾が/で終わっているかを確認してみてください。

const res = await fetch('https://example.com?param=abc') // ×
const res = await fetch('https://example.com/?param=abc') // 〇

ブラウザのアドレスバーからサーバーへ直接アクセスすると、末尾のスラッシュが自動で追加されるのでエラーが出ずに時間を費やしてしまいました。

参考になれば幸いです。