title: AWS S3 Static Website Hosting with Vue.js is blank
body: <h2>Description</h2>
  
  <p>I'm currently attempting to put my Vue.js project up on AWS using static web hosting on S3.</p>
  
  <h2>Steps</h2>
  
  <p>√ I've first run <code>npm run build</code> inside my project which generated <code>./dist</code>, <code>./dist/index.html</code>, <code>./dist/static/*</code></p>
  
  <p>√ I've uploaded all <code>./dist/*</code> files to my bucket</p>
  
  <p>√ I've created an S3 bucket with a public policy:</p>
  
  <pre><code>{
      "Version": "2008-10-17",
      "Statement": [
          {
              "Sid": "AllowPublicRead",
              "Effect": "Allow",
              "Principal": {
                  "AWS": "*"
              },
              "Action": "s3:GetObject",
              "Resource": "arn:aws:s3:::BUCKET_NAME_HERE/*"
          }
      ]
  }
  </code></pre>
  
  <p>√ I've added <code>Static Website Hosting property</code> and set the Index-document to <code>index.html</code></p>
  
  <p>X When visiting <code>https://s3.amazonaws.com/BUCKET_NAME_HERE/index.html</code> my app is running</p>
  
  <h2>Errors:</h2>
  
  <p>When checking the console, the only errors I have are the following:</p>
  
  <pre><code>GET https://s3.amazonaws.com/static/css/app.139eb30c5abb8a0cf50add8e31aed259.css net::ERR_ABORTED 403 (Forbidden)
  
  GET https://s3.amazonaws.com/static/favicon.ico 403 (Forbidden)
  </code></pre>
  
  <p>Any leads as to what I may have missed or am doing wrong?</p>
  
  <p>Thanks in advance</p>