Rumah >hujung hadapan web >tutorial css >Bolehkah Amazon S3 CORS Menyelesaikan Masalah Pemuatan Fon Merentas Domain Firefox?
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!