CloudFrontでオリジンがS3のときに、ルートURLでファイルリストが表示される

AWSでS3をオリジンにしてCloudFrontで静的サイトとして公開したときに、ファイルは正しく表示されましたが、ルートURLにアクセスした際にS3のファイルリストが表示されてしまいました。

S3をパブリックアクセスにしてルートURLにアクセスしたところ、index.htmlファイルを読み込む動作になりました。こちらは問題なさそうです。

仕様でした

デフォルトのルートオブジェクトの指定 https://docs.aws.amazon.com/ja_jp/AmazonCloudFront/latest/DeveloperGuide/DefaultRootObject.html

に記載がありました。

ルートオブジェクトを定義しない場合の CloudFront の動作

Amazon S3 バケットのコンテンツのリスト – 以下のいずれかの条件が満たされる場合、CloudFront を使用してディストリビューションにアクセスするユーザーにオリジンのコンテンツが表示されます。

バケットが適切に構成されていない。

ディストリビューションに関連付けられているバケット、およびバケット内のオブジェクトに対する Amazon S3 アクセス許可で、すべてのユーザーにアクセスが付与されている。

エンドユーザーがオリジンのルート URL を使用してオリジンにアクセスしている。

今回は、同URLに記載のある、「デフォルトのルートオブジェクトを指定する方法」で対応しました。

CloudFront→ディストリビューション→一般→設定→編集

デフォルトルートオブジェクト – オプションビューワーが特定のオブジェクトの代わりにルート URL (/) を要求したときに返されるオブジェクト (ファイル名)。にindex.htmlと入力

S3のファイルリストが表示されなくなりました。