क्रॉस-ऑरिजिनल रिसोर्स शेयरिंग पॉलिसी द्वारा लोडिंग से अवरुद्ध फ़ॉन्ट: नहीं 'एक्सेस-कंट्रोल-अनुमति-उत्पत्ति'


16

हम Google Chrome में इस त्रुटि का सामना कर रहे हैं। हमने सोचा कि सब कुछ सही था। लेकिन शायद नहीं?

मूल से फ़ॉन्ट को http://skin.cdn.comक्रॉस-ऑरिजिनल रिसोर्स शेयरिंग पॉलिसी द्वारा लोड करने से ब्लॉक कर दिया गया है: अनुरोधित संसाधन पर कोई 'एक्सेस-कंट्रोल-अलाउंस-ओरिजिन' हेडर मौजूद नहीं है। http://domain2.comइसलिए उत्पत्ति की अनुमति नहीं है।

और हमारे पास htaccess (डोमेन के रूट में) निम्नलिखित है।

<IfModule mod_headers.c>    
Header add Access-Control-Allow-Origin "http://skin.cdn.com" 
</IfModule>

प्रश्न: क्या मैं अन्य सेटिंग्स भूल गया?

बहुत धन्यवाद

जवाबों:


17

अपनी वेबसाइट के रूट निर्देशिका (यानी आपका public_html ".htaccess" फ़ाइल) पर अपना htaccess फ़ाइल कोड बदलें।

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "http://skin.cdn.com"
    </IfModule>
</FilesMatch>

अब आपके सीडीएन को आपके संसाधन को लोड करने की अनुमति दी जाएगी, जो उन्हें आपका (गुजरने वाला) संसाधन के रूप में बुलाएगा।

गुफा: आपको अपने CDN में सभी को PURGE करने की आवश्यकता है ताकि कुछ ही मिनटों में फाइल अपडेट हो जाए।


1
आपके उत्तर ने मेरे लिए त्रुटिपूर्ण रूप से काम किया, लेकिन क्या मैं पूछ सकता हूं कि आपने विशिष्ट मूल को सीमित करने के लिए चुनने के बजाय वाइल्डकार्ड क्यों चुना?
आम्रग्राम

यह तरीका अभी भी काम कर रहा है।
राहुल

0

मेरे पास @Prashant Tapase के उत्तर पर टिप्पणी करने के लिए पर्याप्त प्रतिष्ठा नहीं है, लेकिन आपकी रूट निर्देशिका आपका Public_html नहीं है। यह आपकी रूट डायरेक्टरी की एक उप निर्देशिका है। और जवाब है कि मैं शोध कर रहा है से FileMatch निर्देश नीचे दिखाए अनुसार IfModule के अंदर होना चाहिए

<IfModule mod_headers.c>
    <FilesMatch "\.(eot|otf|ttc|ttf|woff|woff2)$">
        Header set Access-Control-Allow-Origin "*"
    </FilesMatch>
</IfModule>

कृपया मुझे सही करें अगर यह गलत है।
या आप विशिष्ट URL / URI के फोंट निर्दिष्ट कर सकते हैं जैसे उसने उल्लेख किया है।

इसके अलावा, यदि यह एक सीडीएन है तो आपको https संस्करण का उपयोग करना चाहिए यदि संभव न हो तो http।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.