Cloudflare Pagesで403が出たときの解決法
📝 はじめに
こんにちは。派遣社員まなみ🔰です。
Cloudflare PagesでHugoブログを公開したとき、「403 Forbidden」と表示されてびっくりしたことはありませんか？
私も最初は「なんで⁉」とパニックになりました。
でも大丈夫！
私が実際に試して解決した方法をまとめました。
🔧 原因1️⃣ ビルド設定の間違い
Cloudflare Pagesの設定で、ビルドコマンドや出力ディレクトリが間違っていると、403エラーになることがあります。
Hugoの場合、ビルドコマンドは「hugo」、出力フォルダは「public」に設定すればOKです。
🌐 原因2️⃣ DNS設定の不備
独自ドメインを設定している場合、DNS設定が間違っているとアクセスできません。
Cloudflareの「Pages」→「Custom Domains」でCNAME設定を確認してみてください。
🗂️ 原因3️⃣ ファイル・フォルダの配置ミス
Hugoでは、記事やテーマを適切なフォルダ構成で配置しないとビルドエラーが起こりやすいです。
ローカル環境では問題なく動いても、本番環境で403が出ることもあるので要注意です。
📝 まとめ
403エラーが出たときは、ビルド設定・DNS設定・フォルダ構成を順番に確認してみてくださいね。
ChatGPTに「403エラーが出た原因を教えて」と聞いてみるのもおすすめです。
📝 次回予告
これで「トラブルFAQ」編は終了です！
次回は、実際に私が使ったブログ構築テンプレートを無料公開します👇
🚀 さらに詳しく知りたい方へ
「AI×コピペだけで副業ブログって実際どうやって作ったの？」と気になる方のために、初心者の私が14日間でブログを作った実践記を専門用語なしでまとめたnoteを公開しています。
「やってみたいけど難しそう…」と迷っている方は、ぜひ読んでみてくださいね！