AccessDenied on the back page

[NoirKomBatman]

Overview:

Currently the website gives access denied on the refresh at covidimpact.ca/financial-aid. This needs to be fixed so that the users can still access the website if they decide to refresh the page

What needs to be done:

1. Go to Route 53 AWS console
2. Add a default redirect */ to index.html
3. index.html lives in an S3 bucket
4. Figure out how to make the default redirect point to the bucket's index.html
5. Test manually to ensure that it works

Criteria of success:

1. The website is still accessible on the refresh

Documentation:

https://aws.amazon.com/premiumsupport/knowledge-center/redirect-domain-route-53/ https://docs.aws.amazon.com/AmazonS3/latest/dev/website-hosting-custom-domain-walkthrough.html https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/RoutingToS3Bucket.html

Stakeholder:

@NoirKomBatman @albertocevallos

[NoirKomBatman]

The problem is on the access to covidimpact.ca/financial-aid the request is going to S3 with an object key covidimpact.ca/financial-aid which does not exist in the bucket. Route /financial-aid exists in the virtual DOM and is controlled by VueRouter. What we can do:

1. On the access redirect to root / to get the assets from the bucket and then redirect at the virtual DOM level
2. Remove VueRouter
3. Research more on Route53, S3, and VueRouter on how to overcome this issue