'Looking for AWS S3 redirect rule for images within indes.html/img.png

background: I have an issue that happened when I have integrated my static website with salesforce, it looks for the my index file in the s3 bucket address i gave it but it looks for its images in a location under index.html something like: bucketaddress.../index.html/img.png while the image is actually located in the same folder as the index.html file itself

I have seen that there are redirection rules within a bucket properties(in the "Edit static website hosting" section), Is there some way to make every call to retrieve such image to look for it in the correct location?

I have tried the following syntax:

[
    {
        "Condition": {
            "KeyPrefixEquals": "index.html/icon.png"
        },
        "Redirect": {
            "ReplaceKeyPrefixWith": "icon.png"
        }
    },
    {
        "Condition": {
            "KeyPrefixEquals": "index.html/dragIcon.png"
        },
        "Redirect": {
            "ReplaceKeyPrefixWith": "dragIcon.png"
        }
    }
]

but it doesnt work for some reason



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source