How to show a page without .html in the end (s3 static website + Cloudfront)

Question

I have a website using s3 static website + Cloudfront ex: welcome.net , i have set up an index.html file as a landing page. I have uploaded a file ex: groups.html to the same bucket. I can only access the website if I type welcome.net/groups.html and I want to make sure it can also be accessible through welcome.net/groups (without .html).

I have set this inside bucket redirection rules:

{

"RoutingRules": [
    {
      "Condition": {
        "KeyPrefixEquals": "groups"
      },
      "Redirect": {
        "HostName": "welcome.net",
        "HttpRedirectCode": "301",
        "Protocol": "http",
        "ReplaceKeyPrefixWith": "groups.html"
      }
    }
  ]
}

and I am getting this error when i try to save it:

Unknown Error
An unexpected error occurred.
API response
Expected params.WebsiteConfiguration.RoutingRules to be an Array

Anyone knows how to get this done? Than you so much in advance

Accepted Answer

What happens if you shorten it to this?

```
[
    {
        "Condition": {
            "KeyPrefixEquals": "groups"
        },
        "Redirect": {
            "HostName": "welcome.net",
            "HttpRedirectCode": "301",
            "Protocol": "http",
            "ReplaceKeyPrefixWith": "groups.html"
        }
    }
]
```

If this solves the issue, please choose this as the Accepted Answer so others on re:Post may benefit - Thank you

How to show a page without .html in the end (s3 static website + Cloudfront)

Relevant content