A web application uses Amazon CloudFront to deliver its static and dynamic web content. You want to customize the error page returned to the viewer when there is a problem with the origin server. For example, if the origin server returns a 500 Internal Server Error, CloudFront should present a page that you have prepared. How would you achieve this requirement in CloudFront?

Answer options:

A.Modify the application to store custom error pages. CloudFront can cache these error pages automatically.
B.Create a new CloudFront distribution to fetch error pages. Configure the original CloudFront to use the new one as its custom error responses.
C.Put the static error pages in an S3 bucket. Create custom error responses for the HTTP 5xx status code in the CloudFront distribution.
D.Upload custom error pages to the CloudFront distribution. Return the error pages when there is a server error.

Correct Answer – C
Option A is incorrect because the custom error pages should be configured through CloudFront instead of the application.
Option B is incorrect because there is no need to create a new CloudFront distribution.
Option C is CORRECT because the error pages can be customized through CloudFront. The following is an example.
Option D is incorrect because this is not how custom error responses are configured in CloudFront. You cannot upload custom error pages to CloudFront directly.
Reference:
https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/custom-error-pages.html.