Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What are the problem?

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

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
0
Help us understand the problem. What are the problem?