title: CloudFront + S3 Website: "The specified key does not exist" when an implicit index document should be displayed
body: <p>I've just deployed a static website to Amazon S3, which can currently be viewed here: <a href="http://www.rdegges.com.s3-website-us-east-1.amazonaws.com/" rel="noreferrer">http://www.rdegges.com.s3-website-us-east-1.amazonaws.com/</a></p>
  
  <p>If you click any of the article links, you'll notice the following error:</p>
  
  <p><a href="https://i.stack.imgur.com/c715j.png" rel="noreferrer"><img src="https://i.stack.imgur.com/c715j.png" alt="S3 Error"></a></p>
  
  <p>S3 is complaining the file doesn't exist. Now, here's what's weird about this -- I'm using CloudFront on my domain. So when you click that article link, it's sending the request to CloudFront which then tries to fetch the file back from the S3 bucket.</p>
  
  <p>However, if you visit that same URL from S3 directly, eg: <a href="http://www.rdegges.com.s3-website-us-east-1.amazonaws.com/2015/building-a-heroku-addon-planning/" rel="noreferrer">http://www.rdegges.com.s3-website-us-east-1.amazonaws.com/2015/building-a-heroku-addon-planning/</a> the page will load just fine.</p>
  
  <p>It appears that something is getting lost in translation here.</p>
  
  <p>Anyone got a suggestion of what I can do to fix my settings?</p>