Carattere bloccato dal caricamento in base ai criteri di condivisione delle risorse tra origini: No "Access-Control-Allow-Origin"

16

stiamo riscontrando questo errore in Google Chrome. Abbiamo pensato che tutto fosse impostato correttamente. Ma forse no?

Il font di origine http://skin.cdn.comè stato bloccato dal caricamento dalla politica di condivisione delle risorse tra origini: nessuna risorsa "Accesso-Controllo-Consenti-Origine" è presente sulla risorsa richiesta. http://domain2.comPertanto, Origin non può accedere.

E abbiamo il seguente in htaccess (nella radice del dominio).

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

Domanda: ho dimenticato altre impostazioni?

grazie molto

htaccess cdn http-headers

— snh_nl
fonte

17

Modifica il codice del tuo file htaccess nella directory principale del tuo sito Web (ad es. Il tuo file ".htaccess" public_html)

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

Ora il tuo CDN sarà autorizzato a caricare la tua risorsa chiamandoli come una tua risorsa di passaggio (i caratteri).

CAVEAT: È necessario ELIMINARE TUTTO nella CDN in modo che i file vengano aggiornati in pochi minuti.

— Prashant Tapase
fonte

1

La tua risposta ha funzionato perfettamente per me, ma posso chiederti perché hai scelto il carattere jolly invece di scegliere di limitarlo a origini specifiche?

— amgraham,

Questo metodo funziona ancora.

— Rahul,

0

Non ho abbastanza reputazione per commentare la risposta di @Prashant Tapase, ma la tua directory principale non è il tuo Public_html. Questa è una sottodirectory della directory principale. e dalle risposte che ho cercato La direttiva FileMatch dovrebbe essere all'interno di IfModule Come mostrato di seguito

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

Per favore, correggimi se questo è sbagliato.
Oppure puoi specificare URL / URI specifici di caratteri come ha menzionato.

Inoltre, se si tratta di una CDN, è necessario utilizzare la versione https non http se possibile.

— Ryan Stone
fonte