通过AWS CloudFront访问S3静态React应用时遇AccessDenied错误求助

我是AWS新手，已将React前端静态应用部署到S3存储桶，目前可直接访问S3静态网站，但通过AWS CloudFront访问时触发AccessDenied错误。S3存储桶的策略由CloudFront自动配置，未进行手动修改。

相关信息 #

S3存储桶策略 #

{
    "Version": "2012-10-17",
    "Id": "Policy1721361019639",
    "Statement": [
        {
            "Sid": "Stmt1721361016069",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::dhruv-react-app-2/*"
        },
        {
            "Sid": "2",
            "Effect": "Allow",
            "Principal": {
                "AWS": "arn:aws:iam::cloudfront:user/CloudFront Origin Access Identity E2JOM2URUBUIP0"
            },
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::dhruv-react-app-2/*"
        }
    ]
}

CloudFront概览页面 #

包含分配ID、状态、域名等基础配置信息

错误信息 #

This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>AM9NBX5C17WYBJ8G</RequestId>
<HostId>aQZcvuNwk/9BTlkR1B8s1Nx4uyo0gie0a7hu/He3Zwnk64SfhGVhbedSQBkPeyO/JXxuIjzBqps=</HostId>
</Error>

若需要更多信息请告知，恳请社区提供帮助。

内容的提问来源于stack exchange，提问作者dhruv singhal