Cloudfront gibt 403 zurück, wenn die Seite aktualisiert wird

Question

Ich habe eine React-App auf AWS S3 hochgeladen und verwende das statische Website-Hosting. Ich habe dann eine Cloudfront-Distribution mit dem s3-Bucket verknüpft.

Ich bin in der Lage, zu der Website zu navigieren und es funktioniert ordnungsgemäß, außer wenn ich zu einer neuen Seite meine-Domain/new-Seite navigieren. Zuerst gelingt es, aber wenn ich versuche, die Seite direkt zu laden oder zu aktualisieren, bekomme ich einen 403 verbotenen Fehler.

Answer 1

Ich habe bemerkt, dass dies passiert, wenn Sie das Objekt ändern und sofort nach dem Objekt suchen. Um dieses Problem zu beheben, haben wir das Objekt für 5 Minuten zwischengespeichert, sodass CloudFront die zwischengespeicherte Version bereitstellt, wenn sie verfügbar ist.

Dies betrifft auch, wenn Sie das Objekt ändern und die ACL zusammen mit dem Objekt anwenden. Stellen Sie sicher, dass Sie als Richtlinie für den Bucket public public haben, damit Sie die Ausfallzeit reduzieren können.

{ 
    "Version":"2012-10-17", 
    "Statement":[ 
    { 
     "Sid":"AddPerm", 
     "Effect":"Allow", 
     "Principal": "*", 
     "Action":["s3:GetObject"], 
     "Resource":["arn:aws:s3:::examplebucket/*"] 
    } 
    ] 
} 

Das Aktivieren des Cache in CloudFront löst das Problem ebenfalls.

Ich hoffe, es hilft.