Come fixare l’errore Access-Control-Allow-Origin (CORS origin) su WordPress

Usando WordPress mi è capitato personalmente di trovarmi di fronte ad un errore molto strano visibile sulla developer tool di Google Chrome. Questo errore è definito come CORS origin, si tratta di un concetto di sicurezza per l’accesso di risorse web di differente domini. Ciò potrebbe scaturire dal fatto che nel vostro sito abbiate recentemente attivato il certificato SSL che garantisce una protezione totale ai dati che vengono trasmessi nel vostro sito web.

Il sintomo nel mio caso è stato quello di non poter renderizzare correttamente le icone dato che esse si trovavano su differenti domini. Come risolvere questo problema. So che probabilmente non sarà una procedura semplice per chi è neofita ma sappiate che ciò che andremo a fare sarà una modifica veloce inserendo poche linee di codice.

Dovrete possedere un programma che vi consenta l’accesso tramite FTP sul vostro sito, un esempio classico è Filezilla. Dopo aver eseguito l’accesso tramite credenziali del vostro provider, dovrete recarvi nella root del sito web e accedere al file .htaccess. Potete usare un software semplice come blocco note o un’altro editor di codice e aprire il file.

All’interno di questo file dovrete inserire queste righe di codice.

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

Caricate il file aggiornato nel vostro sito web sostituendo quello già presente, aggiornate la pagina del vostro sito e il problema dovrebbe essersi risolto.


Commenti

Commenta l'articolo

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.