I’m having trouble serving HTML files stored in an S3 bucket via Cloudfront. The bucket is called
www.foo.site and it has a landing page, an about page, and several pages in different folders (e.g.
When I browse to the landing page URL (www.foo.site) it works, but when I try to navigate to any of the other pages (e.g. /about/index.html or
/bar/index.html) I get a 404 error.
I’ve tried setting the origin path and origin domain name in two different ways, but neither has worked:
Try 1: Domain Name: www.foo.site.s3.amazonaws.com Origin Path: (blank) Try 2: Domain Name: s3-us-west-1.amazonaws.com Origin Path: www.foo.site
Both tries have had the default document set as
The strange thing is that all of these pages are browsable directly from S3 (e.g. https://s3-us-west-1.amazonaws.com/www.foo.site/bar/index.html).
I’m not sure what settings I’m missing in Cloudfront or my DNS records that would allow me to serve these HTML files in S3 folders via Cloudfront.