Amazon CloudFront respektiert nicht meine S3 Website Bucket index.html Regeln

Question

Ich hosten eine statische Website auf Amazon S3 mit der statischen Website-Hosting-Option, so dass S3 einen Ordner rendern wird, ohne mich explizit auf meinen Index verweisen. HTML-Datei.

Hier ist zum Beispiel eine direkte Verbindung zu einer Seite in meinem S3-Bucket: http://new.rdegges.com.s3-website-us-east-1.amazonaws.com/category/2009/ Wie Sie sehen, wenn Sie diese URL besuchen, rendert Amazon S3 automatisch die index.html-Datei innerhalb dieses Verzeichnisses, so dass ich es haben kann URLs löschen

Das alles funktioniert gut auf S3. Das Problem, das ich habe, ist Amazon Cloudfront, dieses Verhalten auch richtig zu behandeln. Wenn ich eine Cloudfront-Verteilung mit meinem als Ursprung angegebenen S3-Bucket erzeuge und sage, dass sie "index.html" als Root verwenden soll, funktioniert das Verhalten von index.html, das S3 gerade beendet hat, nicht mehr zusammen.

Zum Beispiel, hier ist meine gleiche URL wie oben auf Cloudfront: http://d1mj00c6pby3gc.cloudfront.net/category/2009/

Leider ist die URL oben nicht funktioniert, aber wenn ich die Index-Datei manuell angeben, es funktioniert, zB: http://d1mj00c6pby3gc.cloudfront.net/category/2009/index.html

Meine Frage ist: Wie muss ich Cloudfront so konfigurieren, dass es meine S3-Bucket-Einstellungen für meine Website berücksichtigt?

Answer 1

S3 Website-Funktionen können in Verbindung mit Amazon CloudFront verwendet werden. Die S3-Website verwendet jedoch einen anderen Domänennamen als normale S3-Buckets. In diesem Fall müssen Sie Origin Domain Name der Ursprungskonfiguration Ihrer CloudFront-Verteilung auf new.rdegges.com.s3-website-us-east-1.amazonaws.com setzen.

Sie diese URL in Anspruch nehmen (Endpoint) von dem statischen Website Hosting-Panel auf S3:

Sobald Cloudfront auf den S3 Website-Domain-Namen hingewiesen wird, sollen die S3-Website-Features funktionieren.

Answer 2

Ich möchte ein paar Dinge zu der angenommenen Antwort hinzufügen.

Stellen Sie zuerst sicher, dass Sie eine Default Root Object auf Ihrer Cloud Front haben. Wie in der documentation angegeben, gilt dies nicht für subdirectories.

Wenn Sie eine neue Cloudfront-Verteilung einrichten, können Sie Ihren Bucket bucket-name.s3.amazonaws.com auswählen. Beachten Sie, dass die Region in der URL nicht angegeben ist. Was Sie tun müssen, ist die statische Site URL von S3 zu greifen und diese als origin url zu verwenden (die Region wird dort sein).