title: 'NoSuchKey' code on CloudFront for Angular app
body: <p>I created an Angular app and upload it on a bucket S3.
  Then I deployed a CloudFront to access my website, but when I want to reach a route of my website (like the /login one) I have the error 'NoSuchKey' :</p>
  
  <pre><code>This XML file does not appear to have any style information associated with it. The document tree is shown below.
  &lt;Error&gt;
      &lt;Code&gt;NoSuchKey&lt;/Code&gt;
      &lt;Message&gt;The specified key does not exist.&lt;/Message&gt;
      &lt;Key&gt;login&lt;/Key&gt;
      &lt;RequestId&gt;2F89DD7BB599262C&lt;/RequestId&gt;
      &lt;HostId&gt;
          xAEaJF0CRv9Ec9iKtHJ0i+nS8U4nqGCOFHL0vyOEim5MgQiNPqeQNIsxXdTYJdT+MlaYt6l6YJE=
      &lt;/HostId&gt;
  &lt;/Error&gt;
  </code></pre>
  
  <p>Here is my settings for the Bucket S3 :
  <a href="https://i.stack.imgur.com/dKdiF.png" rel="noreferrer">Properties</a>
  AND <a href="https://i.stack.imgur.com/9BC3l.png" rel="noreferrer">Policies</a></p>
  
  <p>And here is my settings for the CloudFront : 
  <a href="https://i.stack.imgur.com/0dBoS.png" rel="noreferrer">CloudFront settings</a></p>
  
  <p>I understand that this error is due to the fact that '/login' route doesn't exist in my bucket, but I don't understand how can I say to my CloudFront "Use this bucket as website not as bucket or something like this".</p>
  
  <p>Do you guys have any idea of how can I solve this ?</p>
  
  <p>Ask me if any details or more information is needed.</p>
  
  <p>Thanks,
  Jb</p>