More than 1 year has passed since last update.

Cloudflare Pages上で動かすRemixからAPIリクエストを送ると「Application Error」と表示されたときの対処法

Posted at 2023-10-21

結論

Cloudflare PagesからKagoya vpsのIPアドレスに対してGETリクエストを送ったところWebページに「Application Error」と表示された
- リクエスト先の例　http://123.45.67.891/api/getPost
- Cloudflare PagesではRemixを使っておりサーバーサイドレンダリングを用いていた。なのでサーバ側（Cloudflare Pages）からリクエストを送っていた
- 「Application Error」とだけでは原因がわからないのでいろいろ試したところ結局、Cloudflare Pages上で「403 Forbidden」が起こっていたことがわかった
- 「Error: Unexpected Server Error」とChrome Dev Toolsで表示されることもあった
ローカルの開発環境ではリクエストは成功していた
- ローカルで成功していたのでサーバ側（Cloudflare Pages）に何かしらの問題や制約があると予想
試しに阿部寛のホームページに対してfetchリクエストを送ると成功した
- http://abehiroshi.la.coocan.jp/
Kagoya vpsのrootのipアドレスに対してfetchリクエストを送ると「error code: 1003」が返ってきた
- これはcloudflare固有のエラーステータスである
  - https://developers.cloudflare.com/support/other-languages/日本語/cloudflare-1xxx-エラーのトラブルシューティング/#error-1003-アクセス拒否直接ipアクセスが拒否されました