How do I serve index.html in subfolders with S3/Cloudfront?

Here are a couple of resources that are helpful when serving index.html from S3 implicitly via https://domain/folder/ rather than having to explicitly use https://domain/folder/index.html:

  • Serving index pages from a non-root location via CloudFront
  • Serving index pages from a non-root location via CloudFront (now unavailable)
  • Implementing Default Indexes in CloudFront Origins Using Lambda@Edge

The key thing when configuring your CloudFront distribution is:

do not configure a default root object for your CloudFront distribution

If you configure index.html as the default root object then https://domain/ will correctly serve https://domain/index.html but no subfolder reference such as https://domain/folder/ will work.

It's also important to not use the dropdown in Cloudfront when connecting the CF distribution to the S3 bucket. You need to use the URL for the S3 static site instead.

Tags:

Amazon S3

Amazon Web Services

Amazon Cloudfront

Static Site

Related

Different behaviour between ":last-child" and ":not(:last-child)" SwiftUI Force Portrait On All Except One View How is ESLint integrated into Create React App? How to calculate a (co-)occurrence matrix from a data frame with several columns using R? Mongorestore: createIndex error: Values in v:2 index key pattern cannot be of type object. Only numbers > 0, numbers < 0, and strings are allowed How can I split columns with regex to move trailing CAPS into a separate column? Session id always changing for ASP.NET Core + Redis + nginx Caused by: org.apache.logging.log4j.LoggingException: log4j-slf4j-impl cannot be present with log4j-to-slf4j Integrating Dash apps into Flask: minimal example hdfs moveFromLocal does not distribute replica blocks across data nodes SwiftUI tappable subtext re.findall('(ab|cd)', string) vs re.findall('(ab|cd)+', string)

Recent Posts