使用CloudFront的AWS s3存储桶 - 无法加载资源：服务器响应状态为403

Question

我有一个在CloudFront上运行的React网站，托管在S3存储桶中。该网站已经运行了很长一段时间，但现在我已经更新了它，然后它一直显示旧网站，直到我重新加载页面 - 然后新的将显示。

为了解决这个问题，我尝试使一些文件无效，因为我认为它是一个缓存的东西。这是我失效的原因：

执行此操作后，我的网站现在在第一次加载时显示空白页面 - 在开发者控制台中，它为我提供了以下信息：

所以现在好像我无法访问文件（无法加载资源：服务器响应状态为403（））。问题是，如果我重新加载页面，正确的网站将显示..所以我有点困惑..我试图将bucketpermissions改为：

{
    "Version": "2008-10-17",
    "Statement": [
        {
            "Sid": "Allow Public Access to All Objects",
            "Effect": "Allow",
            "Principal": {
                "AWS": "*"
            },
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my.bucket.name/*"
        }
    ]
}

• 显然有正确的桶名： - ）

也许权限需要很长时间才能生效？奇怪的是旧网站按预期工作，直到我更新文件..

任何人都有想法修复？

度过美好的一天： - ）

更新： 这是加载页面时chrome的网络选项卡图像：