【laravel】htaccessでhttpsに向け変えたところ、リダイレクトされ、ページが表示されない。【AWS】

Question

##わからないこと
いつもお世話になっております。

ただ、htaccessを設定せず、手入力でhttpsのURLをたたいたところ、ページが表示されます。
追加で設定すべきところがあるのでしょうか？

ご教授いただけますと幸いです。

##やったこと
htaccessでの設定後にクッキーとキャッシュの削除を行い、httpsのページが表示されるかを確認。
しかしリダイレクトされてhttpsを表示できませんでした。

htaccessの設定は以下のように行いました。

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]

##AWSで利用したサービス
EC2
RDS
Route53
Certificate Manager
ELB(ALB)

###追記①
htaccessにはほかにも以下を加えています。

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
<IfModule mod_rewrite.c>
<IfModule mod_negotiation.c>
Options -MultiViews
</IfModule>
php_value default_charset "UTF-8"
php_flag mbstring.encoding_translation off
RewriteEngine On

# Redirect Trailing Slashes If Not A Folder...
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)/$ /$1 [L,R=301]

# Handle Front Controller...
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]
</IfModule>

#���k���L���ɂ���
<IfModule mod_deflate.c>
#�t�H���g��content-type�̒lj�
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
AddType image/svg+xml .svg
SetOutputFilter DEFLATE
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png|ico)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI _.utxt$ no-gzip
#DeflateCompressionLevel 4
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php

#�t�H���g
AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml
</IfModule>

FileETag none

<FilesMatch "^(wp-config.php|wp-mail.php|install.php|.ht)">
order allow,deny
deny from all
</FilesMatch>

<Files ~ ".(html|php|jpe?g|gif|png|css|js|pdf)$">
Header add Pragma "no-cache"
Header set Cache-Control no-cache
</Files>

##追記②
関係があるのかわかりませんがAWSのSSL証明書の設定は、「*.example.co.jp」と「example.co.jp」の両方の登録を行いました。

何卒よろしくお願いいたします。

Answer 1

上記の問題はhtaccessに以下を記載したところ、httpsのページが表示されるようになりました。

RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} !https [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

※ALB、Route53を使っていることを前提としています。