Question

A company serves a single-page web application from an Amazon S3 bucket through Amazon CloudFront. During brief origin outages and deployment windows, users see raw XML error responses returned directly from S3, which harms the user experience. The CloudOps team wants CloudFront to return a branded, friendly HTML error page whenever the origin responds with HTTP 500, 502, 503, or 504 errors, without changing the application code. Which action meets this requirement?

Accepted Answer

Configure a CloudFront custom error response for each 5xx error code that points to a custom HTML object and set an appropriate error caching minimum TTL.

Answer

Attach an AWS WAF web ACL to the distribution with a rule that blocks 5xx responses and returns a custom block page.

Answer

Enable S3 static website hosting on the origin bucket and configure the bucket's error document, then point CloudFront to the website endpoint.

Answer

Add a Lambda@Edge function on the viewer request event to detect origin failures and rewrite the response body to HTML.