Kann Amazon S3 CORS die Probleme beim domänenübergreifenden Laden von Schriftarten in Firefox lösen?

Amazon S3 CORS und Firefox Cross-Domain Font Loading

Hintergrund

Firefox hat in der Vergangenheit Beim Laden von Schriftarten aus anderen Quellen als der aktuellen Webseite sind Schwierigkeiten aufgetreten, insbesondere wenn Schriftarten auf CDNs gespeichert sind. Obwohl verschiedene Lösungen vorgeschlagen wurden, wirft die Einführung von Amazon S3 Cross-Origin Resource Sharing (CORS) die Frage auf, ob dieses Problem mit CORS gelöst werden kann.

CORS-Konfiguration

Eine Amazon S3 CORS-Konfiguration, die zur Behebung dieses Problems erfolgreich implementiert wurde, finden Sie unten:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>https://mydomain.com</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Content-*</AllowedHeader>
        <AllowedHeader>Host</AllowedHeader>
    </CORSRule>
    <CORSRule>
        <AllowedOrigin>https://*.mydomain.com</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Content-*</AllowedHeader>
        <AllowedHeader>Host</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

Die Bedeutung der Die Einstellungen für „AllowedMethod“ (GET) und „AllowedHeader“ (Content-*) sind in dieser Konfiguration von entscheidender Bedeutung.

Abfragezeichenfolgen-Problemumgehung

In bestimmten Fällen können Entwickler aufgrund von Cloudfront auf Probleme stoßen Zwischenspeichern des Access-Control-Allow-Origin-Headers. Um dieses Problem zu beheben, empfehlen AWS-Mitarbeiter die Verwendung einer Abfragezeichenfolge, um zwischen Anforderungen von verschiedenen Domänen zu unterscheiden.

Durch die Verwendung einer eindeutigen Abfragezeichenfolge für jede Domäne, z. B. „?https_a.domain.com“ und „?http_b“. domain.com“, Cloudfront gibt unterschiedliche Access-Control-Allow-Origin-Werte zurück und ermöglicht so das Laden von Schriftarten über Domänen hinweg.

Das obige ist der detaillierte Inhalt vonKann Amazon S3 CORS die Probleme beim domänenübergreifenden Laden von Schriftarten in Firefox lösen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!