当ブログで使用しているastro-notion-blogが0.10へと久しぶりのアップデートを迎えたため、一からフォークして設定を見直すことにしました。
2年前に構築したため、CloudflareとAstro Notion Blogについての知識が薄れていましたが、時間はかかったものの、良い復習の機会となりました。
astro-notion-blogのカスタマイズ中に、検索モーダルウィンドーが表示されない問題が発生しました。
ローカル環境では正常に動作するものの、本番環境では表示されません。
セキュリティヘッダーの調整やプログラムの見直し、キャッシュの削除など様々な対策を試しましたが解決せず、元のFork状態に戻しても改善されませんでした。
初期状態でも問題が解決しないことから、Cloudflare側に原因があると考えられます。
| キャッシュをクリアしてビルド | X |
| リダイレクト設定確認 | X |
| DNS確認 | X |
| プロキシー解除 | ◯ |
原因は、Cloudflare DNS設定でProxiedが有効化されていたことでした。
この設定をDNS onlyに変更したところ、検索モーダルが正常に表示されるようになりました。