[Vuejs]-AWS S3 Static Website Hosting with Vue.js is blank

Your web page is attempting to load assets from the wrong location. You are seeing 403 (Forbidden) and that’s because your page is accidentally specifying an S3 bucket name of ‘static’ which either does not exist or you do not have access to it. This URL is incorrect:

• https://s3.amazonaws.com/static/css/app.xxx.css

If you intend to use path-style URLs for static assets then URLs should be of the form:

• https://s3.amazonaws.com/mybucket/static/css/app.xxx.css

Alternatively, you can use virtual-hosted–style URLs, of the form:

• https://mybucket.s3.amazonaws.com/static/css/app.xxx.css

Note the inclusion of ‘mybucket’ in both URLs.