19
8

More than 3 years have passed since last update.

Cloudflare + Vercelでのリダイレクトループエラーの解消メモ

Last updated at Posted at 2021-01-05

Vercel+Cloudflareでカスタムドメイン設定したWebサイトがリダイレクトエラーが発生しました。

スクリーンショット 2021-01-05 21.21.10.png

クッキー削除などでは解消されず...という感じでした。

先に解決できた方法から紹介してきます。結構手こずりました...

SSL/TLS暗号化モードをフルに設定することで解消

Cloudflareの公式に書いてありました。

リダイレクトループエラーのトラブルシューティング

Cloudflareでドメインを設定すると、SSL/TLS 暗号化モードがデフォルトでフレキシブルになってますが、フルにすることで僕の場合は解消しました。

SSL/TLS アプリ「概要」タブで、CloudflareSSLオプションを更新します。

SSL/TLSのタブで設定します。

スクリーンショット 2021-01-05 23.43.44.png

Vercel側でSSL証明書がある模様でリダイレクトが発生していたのかな。

現在Flexibleに設定されている場合、オリジンWebサーバーに設定済みのSSL証明書がある場合、Fullに更新します。

補足: HTTPSへのリダイレクト設定は関係なかった

こちらもCloudflareのドキュメントに書いてありましたが、HTTP/HTTPSのリダイレクトに関しては特に設定を変えても関係なかったです。

  1. (推奨) HTTPSからHTTPへのリダイレクトと、HTTPからHTTPSへのリダイレクトをオリジンWebサーバー設定から削除します。例:

この辺の設定は推奨設定で問題なかったです。

スクリーンショット 2021-01-05 23.54.42.png

よもやま

細かく言うと今回はお名前.comで取得したドメインをCloudflareで管理しています。

お名前.com ----ネームサーバー移管---> Cloudflare ---DNS設定---> Vercel

ちなみに、Cloudflare+Netlifyで全く同じ設定をした場合は発生してなく、Cloudflare+Vercelの組み合わせで発生しました。

Netlifyだとcnameでaliasを推奨みたいな表記があるのですが、VercelはAレコードにIPアドレスを設定するやり方を推奨してる模様です。

スクリーンショット 2021-01-05 21.21.19.png

最初Vercel側の設定なのかと思ったのですがCloudflare側の問題だったということが分かるまでけっこう大変でした..

リダイレクトループのチェッカーなどもあるみたいですね

https://www.redirect-checker.org/index.php

19
8
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
19
8