CloudFront経由のS3で公開した静的サイトでサブディレクトリにアクセスしたときにindex.htmlを返すようにする

June 25, 2019

やりたいこととしては、www.hoge.com/aboutにアクセスするとwww.hoge.com/about/index.htmlのページが見れるようにしたいです。

デフォルトのままだとwww.hoge.com/aboutにアクセスしてもAccess Deniedになってしまいます。

CloudFrontのOrigins設定を変更する

ここのホスティングしているエンドポイントを直接CloudFrontのOriginsに設定します。デフォルトではバケットのurlになっています。

          2019 06 25 23 55 35

CloudFrontのOrigins設定を変更します。Editから変更可能です。

          2019 06 25 23 56 09

ここに先程のホスティングしているエンドポイントを入力します。

          2019 06 25 23 58 08

StatusIn Progressになるのでしばらく待ちます。数分はかかります。Enabledになったら終了です。

          2019 06 25 23 59 14

これでサブディレクトリにアクセスした時にindex.htmlを返してくれるようになります。