PCからだと問題なく動作するのに、iPhone/iPadからアクセスすると、WordPressの画像が一部欠けたり、ページを読み込み途中で止まって白紙ページになったり、という動作が発生している事に気づきました。
iPhone, iPad, 画像, 一部欠ける, 表示が止まる, ロードバランサ, ALB, ELB, AWS, EC2, wordpress, SSL, Apache, 等、色々と検索して2週間くらい解決できてなかったのですが、ようやく、答えに辿りつきました。
EC2上のhttpdと連動して動作しているhttp2_module が、”Upgrade: h2, h2c”ヘッダを送信し、それを受信したSafariが誤動作を起こしてるとの事。
対策
cd /etc/httpd/conf.modules.d/
でhttpd(Apache)の設定ファイルフォルダへ移動
vi 10-h2.conf
で、下記のhttp2_moduleをロードしないようにコメントアウト
LoadModule http2_module modules/mod_http2.so
これだけです。
関連サイト
iPhone does not open HTTPS site in Safari with error NSPOSIXErrorDomain:100
If safari fails to load a site over HTTPS served by NGINX sitting as a reverse proxy in front of Apache (back-end): Safari can't open the page. The error is: "T...

AmazonLinux2のhttpdをALB経由で公開するWeb環境で発生していた、SafariのHTTPS接続エラーを改善してみた | DevelopersIO
コメント