How to setup CloudFront default root object?

Question

I am export a NextJS static web and host it by CloudFormation distribution. However, I always need to type cloudformation-domain.net/index.html. I want to access **without index.html **
```
https://www.cloudformation-domain-net/ 
```
When I host the NextJS with Amplify, it also use CloudFront and working without the "index.html"

Accepted Answer

In the CloudFront distribution settings there is a default root object option.

General Tab > Settings section > Edit > scroll down to Default root object and enter index.html here.

Answer

Hello Everyone.

And for cases where the origin is an ALB?
How to set a default root object where there is no object to set?

I'm trying to solve te AWS SecurityHub "CloudFront distributions should have a default root object configured" item. But my origin is an ALB, routing my URLs without a default root object.

Best Regards,
Ransés Marques

Answer

The default root object is typically used when serving static content from an S3 bucket or other simple origin types. When using an ALB as your origin, you rely on the ALB's ability to route requests to different resources based on the request path, query parameters, or other conditions. Therefore, CloudFront doesn't control the default root object for ALB origins.

How to setup CloudFront default root object?

Contenido relevante