Cloudfront "Access Denied" when refreshing page outside of home page

[rwave-fluentcommerce]

Hi team,

We've just recently deployed the latest stacks for the AWS retail demo store, and it looks great, however we notice that we can't refresh any pages outside of the home page.

Steps to reproduce:

1. Deploy the Retail Demo Store to a new AWS account

2. Browse to the generated url for the retail demo store
   

3. Browse to one of the featured products
   

4. Refresh the current page

Expected behaviour:

1. Product page is reloaded successfully

Actual behaviour:

1. An "Access Denied" error is shown to the user
   

Note that this also happens on other pages - e.g if the auth page is refreshed.

[BastLeblanc]

Hi!
Thanks for raising this, can you confirm that you are using a recent version of the Retail Demo Store? Was it a fresh install ?
We deployed large changes on moving to cloudfront https + api gateway, full on HTTPS recently (see PR #451)

Do you use the https cloudfront URL?

[gfaires]

The issue is due to the frontend being a SPA. When you perform a request at the root / homepage, then CloudFront is configured to request the index.html. However, if you request any other path, then an attempt is made to retrieve the resource, which doesn't actually exist (it's just a route within the SPA).
You can configure the CloudFront distribution for the Web-ui to return a Customer Error Response:
HTTP Error Code: 403
Response Page path: /index.html
Http Response Code: 200

We'll look to have this pre-configured as part of deployment