Die Einstellung " Access-Control-Allow-Origin auf Cloudfront Cache-Objekt

Schriften diente über Cloudfront sind kaputt in Firefox aufgrund der "bad-URI-oder cross-site-Zugriff nicht erlaubt" Problem. Um dies zu beheben, ich verstehe, dass ich brauche, um die "Access-Control-Allow-Origin" - header, um einen Platzhalter oder den Quell-Domäne.

Das problem, das ich habe, ist, dass Cloudfront scheint nicht akzeptiert zu werden Header von der Herkunft.

Beispielsweise das folgende ist die Liste der Header, die ich bekomme, wenn ich ping auf meinen server, die für die schriftart:

curl -I -s "https://mysite.com/wp-content/themes/my-theme/includes/fonts/ProximaNova-Reg-webfont.ttf"
HTTP/1.1 200 OK
Server: nginx
Date: Wed, 29 Jan 2014 16:03:03 GMT
Content-Type: application/x-font-ttf
Content-Length: 44992
Last-Modified: Tue, 28 Jan 2014 22:21:41 GMT
Connection: keep-alive
ETag: "52e82d75-afc0"
Expires: Thu, 29 Jan 2015 16:03:03 GMT
Cache-Control: max-age=31536000
Access-Control-Allow-Origin: https://mysite.com
Access-Control-Allow-Methods: GET
Access-Control-Max-Age: 3600
Accept-Ranges: bytes

Alles sieht gut aus mit dieser Antwort, aber wenn ich ping Cloudfront für die gleiche Ressource, bekomme ich:

curl -I -s "https://ds6dj5kp03o39.cloudfront.net/wp-content/themes/my-theme/includes/fonts/ProximaNova-Reg-webfont.ttf"
HTTP/1.1 200 OK
Content-Type: text/plain
Content-Length: 44992
Connection: keep-alive
Date: Wed, 29 Jan 2014 16:22:30 GMT
Server: Apache/2.2.16 (Debian) mod_ssl/2.2.16 OpenSSL/0.9.8o
Last-Modified: Wed, 22 Jan 2014 02:44:45 GMT
ETag: "5d633-afc0-4f0861b87a140"
Accept-Ranges: bytes
Cache-Control: max-age=3600
Expires: Wed, 29 Jan 2014 17:22:30 GMT
X-Cache: Miss from cloudfront
Via: 1.1 850e11212c3f83bfb138469e9b3b7718.cloudfront.net (CloudFront)
X-Amz-Cf-Id: M4qkj9FwjdAUW91U4WeZzxEI0m7vOmiQvryS55WwoeU5Ks11IC71ig==

Es scheint, dass alle origin-Header komplett ignoriert. Meine Frage ist, wie bekomme ich Cloudfront zu akzeptieren, meine asset-Header, insbesondere die kritischen, "Access-Control-Allow-Origin" - header?

Danke für die Hilfe!

Hey, ich verstehe immer noch nicht, wie das verknüpfte Frage wird beantwortet durch: setzen Sie überschriften auf Ihrem server. Mein denken ist, müssen Sie die Header auf dem server Sie sich verbinden möchten. Gut, dass man Sie nicht downvote Kommentare, denn ich muss ein kompletter idiot hier.
Ja...das könnte mein problem sein 😉 ich denke, was soll geschehen ist, dass einige der überschriften, die Sie auf Ihrem server gespeichert werden, die von CloudFront. Sie wird natürlich überschreiben einer Anzahl von Ihnen, aber ich dachte, Sie würde bestehen bleiben, einige von Ihnen. Eine Menge Leute haben geschrieben Artikel über diese Methode, aber es funktioniert nicht für mich. Vielleicht diese Annahme ist nur flach falsch.
Das funktioniert: docs.aws.amazon.com/AmazonS3/latest/dev/cors.html ?

InformationsquelleAutor tollmanz | 2014-01-29

15

Wenn Sie kommen, um diese zu einem späteren Zeitpunkt, und haben dieses Problem mit einer benutzerdefinierten Ursprungs, das IST richtig dienen die Access-Control-Allow-Origin-header schon, hier sind zwei Dinge, die ich überprüft /ausprobiert:
1. Überprüfen Sie, ob Ihre nginx-oder apache-config hat die * in Anführungszeichen, wenn es
  funktioniert, versuchen Sie, diese zu entfernen.
2. Stellen Sie sicher, dass Sie sich die übergabe des richtigen
  content-Typen für woff-und ttf-Dateien. Dies war der Schnellste link, den ich
  finden Sie auf den Betreff -
  https://github.com/fontello/fontello/wiki/How-to-setup-server-to-serve-fonts
Apache

Setzen richtigen mime-Typen für die Schriftarten-Dateien, fügen Sie diese Zeilen in der config:
```
AddType application/vnd.ms-fontobject    .eot
AddType application/x-font-ttf           .ttf
AddType application/font-woff            .woff
```
Wenn Sie nicht Bearbeiten können, config erstellen .htaccess Datei in den Ordner mit Ihrem
Projekt und fügen Sie Zeilen hinzu, da.

Für CORS-Header fügen Sie den folgenden code:
```
<FilesMatch ".(eot|ttf|otf|woff)">
  Header set Access-Control-Allow-Origin "*"
</FilesMatch>
```
Müssen Sie service apache2 restart sobald Sie diese änderungen vornehmen, und wenn Sie den Fehler erhalten Invalid command 'Header' dann bedeutet es, dass Sie noch nicht aktiviert das Modul mod_header in Apache, die Sie tun können, mit a2enmod headers

nginx

Standardmäßig nginx hat keine Standard-mime-Typen für die Schriftarten und falsche mimy
geben Sie für .eot - Dateien. Habe Ordner mit configs und finden, wo mime
die Typen sind verschmutzt. In der Regel, das ist in der Mimen.conf-Datei.

Suche .eot und string mit.
Fügen Sie Zeichenfolgen unter:
```
application/vnd.ms-fontobject    eot;
application/x-font-ttf           ttf;
application/font-woff            woff;
```
Für CORS-Header, fügen Sie so etwas wie dies, zu Ihrem vhost config
```
location ~* \.(eot|ttf|woff)$ {
    add_header Access-Control-Allow-Origin *;
}
```
InformationsquelleAutor streetlogics
5

Du hast Recht, aber CloudFront speichert die Ergebnisse, damit Sie immer die alte version im Cache.
Sie können dies in den Header:
von Ihrer Website:

Last-Modified: Tue, 28 Jan 2014 22:21:41 GMT

vom cloudfront:

Last-Modified: Wed, 22 Jan 2014 02:44:45 GMT

Nun, wie um es wieder zu arbeiten:

a) warten Sie, bis das Objekt zu verfallen, dann fordern Sie es erneut. CloudFront werde es dann aktualisieren.

b) die Unwirksamkeit des Objekts(s) mit Ihrem amazon aws-Konsole - > cloudfront > Vertrieb > Invalidierungen. Sehen http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Invalidation.html für details zur Verwendung dieser

c) den Namen ändern, oder starten Sie mit einem versionierten Namen für die Datei ein, z.B. ProximaNova-Reg-webfont_2.ttf

Ich war fuchsteufelswild. S3 hatte die Access-Control-Allow-Origin-header zu * und durch cloudfront-Anfrage, dass die header nicht gesetzt. Nach der Lektüre dieses ich hochgeladen eine neue Datei und es hatte den Kopf nun eingestellt 🙂 macht Sinn. danke!!!

InformationsquelleAutor Paulo Cunha
5

In der Standard-Konfiguration, CloudFront nicht untersuchen-Header die cache-Ihre Werte. Eine wahrscheinlich Schuldige für Sie ist, dass Ihre Ressource ist zunächst beantragt, ohne eine "Origin" - header, und damit S3 nicht mit CORS-Header in der Antwort. Die Antwort wird zwischengespeichert, und wenn Sie später machen cross-origin-Anfrage, die zwischengespeicherte Antwort ist serviert, ohne.

Können Sie konfigurieren CloudFront für die Weiterleitung der Origin-header zu S3 und cache-unterschiedliche Antworten für unterschiedliche Kopf-Werte, was in einer CloudFront-caching der CORS-Header, wenn nötig. Sehen http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/header-caching.html#header-caching-web-cors.

Dies war die Antwort, die ich brauchte, danke

InformationsquelleAutor Alex
3

Gibt es eine explizite Konfiguration für Ihre Eimer zu bewerten CoRS-Header dynamisch.
1. Sehen die AWS CORS docs
2. Auch ein ausführliche Erklärung Ihrer Verwendung
Versuchen, CORS-Header oder sonst für CF oder S3 wird verworfen, da es brechen würde, Ihre caching-Modell.

InformationsquelleAutor Joseph Lust

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.