Cloudflare + Docker + LaravelでHTTP/3が原因でモバイルだけ通信エラーになった話

Last updated at 2026-03-28Posted at 2026-03-15

はじめに

バイク中古・新車一括検索プラットフォーム「MotoHub」に、写真を送るだけでAIが車種を判定する機能を実装しました。

機能自体は完成したのに、WiFiでは動くのにモバイル回線（5G）だと即座に通信エラーになるという謎の現象が発生しました。

原因は HTTP/3（QUIC） でした。同じ症状で詰まっている方の参考になれば。

「サーバーは動いているのに、リクエストがサーバーに届いていない」という不思議な状態でした。

iPhoneモバイル回線
    ↓
Cloudflare（CDN / セキュリティ）
    ↓
さくらVPS
    ↓
Docker
    ├── Nginx（webコンテナ）
    └── PHP-FPM（appコンテナ / Laravel）

docker compose exec app tail -f storage/logs/laravel.log

モバイルでリクエストを送っても、ログに何も出ない。サーバーに届いていない。

docker compose exec web tail -f /var/log/nginx/access.log

同様に何も出ない。Nginxにも届いていない。

curl -I http://localhost
# HTTP/1.1 200 OK ← 正常

VPS自体は正常に動いている。

Cloudflare → Security → Analytics でログを確認すると…

Method: POST
Scheme: HTTP/3
Host: motohub.jp
Path: /bikes/identify
ASN: 138384 - Rakuten Mobile Network

HTTP/3（QUIC） でリクエストが来ていました。

モバイル回線（特に楽天モバイル・au等）はHTTP/3を優先的に使います。

HTTP/3はUDPベースのQUICプロトコルを使用しており、TCPベースのHTTP/1.1やHTTP/2とは根本的に異なります。

NginxはデフォルトでHTTP/3に対応していないため、CloudflareからのHTTP/3リクエストがVPSのNginxに届かず、Cloudflareが502を返していました。

CloudflareでHTTP/3をオフにする。

Cloudflare → Speed → Settings → Protocol Optimization タブ

HTTP/3をオフにすると、モバイル回線もHTTP/2にフォールバックされます。

これだけで解決しました。

WiFi環境（自宅・オフィス等）はHTTP/2を使うことが多く、HTTP/3を優先しないルーターが多いためです。

モバイル回線は最新プロトコルの普及が早く、5G端末はHTTP/3を積極的に使います。そのため「WiFiは動く、モバイルは動かない」という症状になっていました。

今回はCloudflareの設定変更で対処しましたが、本来はNginxをHTTP/3対応させるのが正攻法です。

ただしNginxのHTTP/3対応はまだ実験的（nginx 1.25以降）で、Docker環境での設定が複雑なため、個人開発では「CloudflareでHTTP/3をオフ」の方が現実的です。

WiFiは動くのにモバイルだけ動かない場合、HTTP/3を疑ってみてください。

特にCloudflare + Nginx（HTTP/3未対応）の構成では同じ症状が出やすいです。