iPhone/iPadから、WordPress等のHTMLが崩れる

AWS

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
はじめに AWSチームのすずきです。 Webサーバとして、Amazon Linux2 の httpd (Apache/2.4.37)、 ELB に HTTP/2 をサポートする Application Load Bala …

コメント

タイトルとURLをコピーしました