Amazon S3 CORS는 Firefox의 도메인 간 글꼴 로딩 문제를 해결할 수 있습니까?

Amazon S3 CORS 및 Firefox 크로스 도메인 글꼴 로딩

배경

Firefox는 역사적으로 특히 글꼴이 저장된 경우 현재 웹페이지와 다른 원본에서 글꼴을 로드하는 데 어려움을 겪었습니다. CDN에서. 다양한 솔루션이 제안되었지만 Amazon S3 CORS(Cross-Origin Resource Sharing)의 도입으로 인해 이 문제가 CORS를 사용하여 해결될 수 있는지 의문이 제기됩니다.

CORS 구성

이 문제를 해결하기 위해 성공적으로 구현된 Amazon S3 CORS 구성은 다음과 같습니다.

<?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>

이 구성에서 AllowedMethod(GET) 및 AllowedHeader(Content-*) 설정의 중요성은 매우 중요합니다.

쿼리 문자열 해결 방법

어떤 경우에는 개발자에게 문제가 발생할 수 있습니다. Cloudfront가 Access-Control-Allow-Origin 헤더를 캐싱하기 때문입니다. 이 문제를 해결하기 위해 AWS 직원은 쿼리 문자열을 사용하여 다양한 도메인의 요청을 구별할 것을 권장합니다.

"?https_a.domain.com" 및 "?http_b와 같이 각 도메인에 고유한 쿼리 문자열을 사용하는 것입니다. domain.com"인 경우 Cloudfront는 다양한 Access-Control-Allow-Origin 값을 반환하여 도메인 간 글꼴 로드를 허용합니다.

위 내용은 Amazon S3 CORS는 Firefox의 도메인 간 글꼴 로딩 문제를 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!