Rumah >hujung hadapan web >tutorial css >Bolehkah Amazon S3 CORS Menyelesaikan Masalah Pemuatan Fon Merentas Domain Firefox?

Bolehkah Amazon S3 CORS Menyelesaikan Masalah Pemuatan Fon Merentas Domain Firefox?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-05 21:47:12336semak imbas

Can Amazon S3 CORS Solve Firefox's Cross-Domain Font Loading Problems?

Amazon S3 CORS dan Firefox Cross-Domain Font Loading

Latar Belakang

Firefox mempunyai sejarah menghadapi kesukaran memuatkan fon daripada asal yang berbeza daripada halaman web semasa, terutamanya apabila fon disimpan pada CDN. Walaupun pelbagai penyelesaian telah dicadangkan, pengenalan Perkongsian Sumber Silang Asal (CORS) Amazon S3 menimbulkan persoalan sama ada isu ini boleh ditangani menggunakan CORS.

Konfigurasi CORS

Konfigurasi CORS Amazon S3 yang telah berjaya dilaksanakan untuk menangani isu ini disediakan di bawah:

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

Kepentingan tetapan AllowedMethod (GET) dan AllowedHeader (Content-*) dalam konfigurasi ini adalah penting.

Penyelesaian Rentetan Pertanyaan

Dalam kes tertentu, pembangun mungkin menghadapi masalah disebabkan Cloudfront menyimpan cache Pengepala Access-Control-Allow-Origin. Untuk menangani perkara ini, kakitangan AWS mengesyorkan menggunakan rentetan pertanyaan untuk membezakan antara permintaan daripada pelbagai domain.

Dengan menggunakan rentetan pertanyaan unik untuk setiap domain, seperti "?https_a.domain.com" dan "?http_b. domain.com", Cloudfront akan mengembalikan nilai Access-Control-Allow-Origin yang berbeza, membenarkan pemuatan fon merentas domain.

Atas ialah kandungan terperinci Bolehkah Amazon S3 CORS Menyelesaikan Masalah Pemuatan Fon Merentas Domain Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Pemuat & Keluaran Laman Web vArtikel seterusnya:Pemuat & Keluaran Laman Web v