By using AWS re:Post, you agree to the AWS re:Post Terms of Use
AWS re:Postre:Post

Lambda@Edge to configure SPA client side routing? (ReactJS) S3 + CloudFront

0

My website is a static site in S3 and I'm using CloudFront. Since it is a SPA , the origin returns a 404 error on every request but loads the page successfully. To solve this I have created a custom error in "Error page" in CloudFront so that it returns a status 200. (This is what is recommended in most blogs) This works fine but on every html request I see cache: "Error from CloudFront".

My question is if CloudFront is caching the request or is it always going to the origin? Would it be better to handle this with a Lambda@Edge? How?

Thanks in advance!

Topics
Networking & Content Delivery
Tags
Amazon CloudFront
Language
English
Gabym
asked 8 months ago207 views
1 Answer
0

Hi,

When you configure the custom error page there is TTL Enter image description here

About the Lambda@Edge, at least it will cost you additional money for something that is free now.

profile picture
EXPERT
Dmytro Sirant
answered 8 months ago
profile pictureAWS
EXPERT
Didier_Durand
reviewed 8 months ago

You are not logged in. Log in to post an answer.

A good answer clearly answers the question and provides constructive feedback and encourages professional growth in the question asker.

Guidelines for Answering Questions

Relevant content