Un utente ha chiesto
Categoria: W3 Total Cache di WordPress
Domanda: Font CSS mancanti – Nessuna intestazione Access-Control-Allow-Origin

Non so come risolvere questo problema, ho trovato molte soluzioni online ma finora niente ha funzionato. Penso che ci siano un milione di configurazioni che sarebbero difficili da trovare, ma forse qualcuno ha la stessa configurazione e può fornire alcune informazioni?

Font from origin 'http://cdn.mydomain.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://mydomain.com' is therefore not allowed access.

Ho WordPress con W3TC utilizzando Amazon Cloudfront Origin Pull / Mirror per CDN. Il sito è su un server NGINX.

Non sono sicuro di dover modificare un’impostazione nella configurazione W3TC, NGINX o in Amazon CloudFront.

W3 Total Cache

  • (@ jgjh151)

    Qualcuno, qualcuno, per favore?

    (@laserjobs)

    http://stackoverflow.com/questions/25577981/font-from-origin-has-been-blocked-from-loading-by-cross-origin-resource-sharing

    (@ jgjh151)

    Non sono sicuro di dover modificare un’impostazione nella configurazione W3TC, NGINX o in Amazon CloudFront.

    (@laserjobs)

    Prova questo

    Fornisci caratteri da CDN

    (@ jld142)

    @ jgjn151 sei riuscito a risolvere questo problema?

    Penso che sia un problema di W3TC, ricevo anche questo errore ma sto usando solo W3TC e non NGINX o Cloudfront.

    (@sonusonics)

    Non è niente, incolla il codice qui sotto nel tuo file .htaccess

    Header add Access-Control-Allow-Origin “*”

    (@destac)

    http://stackoverflow.com/questions/26125030/font-awesome-icons-not-showing-in-chrome-a-maxcdn-related-cross-origin-resource

    (@hmkay)

    Il codice pubblicato da sonusonics aggiungerà l’intestazione a ogni file, non solo ai caratteri. Utilizza invece il codice stackoverflow.

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

    (@ chesterfield1111)

    Qualcuno ha altre idee su questo?

    Ho lo stesso errore sul mio sito:
    (indice): 1 carattere originale ‘http: //wittertmarketing.com “; il caricamento è stato bloccato dalla politica di condivisione delle risorse tra le origini: nessuna intestazione “Access-Control-Allow-Origin” è presente sulla risorsa richiesta. Origine ‘http: //www.wittertmarketing.com “; non è pertanto autorizzato ad accedere.

    I miei caratteri sono stati semplicemente incorporati direttamente nel mio sito nella cartella delle risorse e ho usato @ font-face nel Css per chiamarli

    Ho inserito la codifica sopra di hmkay su entrambe le pagine .htaccess ma non ho cambiato nulla. Sto solo cercando di imparare a sviluppare, quindi la lingua è davvero difficile per me. Devo anche mettere questo codice in un’altra pagina?

    Il sito non ha avuto problemi fino a quando non ho eseguito uno strumento SEO chiamato Attracta, ora ha solo un bit visibile e il resto è bloccato. Ho inviato un’e-mail al supporto per lo strumento SEO e il server, ma nessuno risponde. Vorrei semplicemente eliminare il sito e rimetterlo insieme se pensavo che avrebbe funzionato, ma ho già provato a farlo con poche pagine e senza modifiche, quindi ero preoccupato che avrei sprecato un’intera giornata con lo stesso risultato. ..

    (@ chesterfield1111)

    qualcuno per favore ??

    (@seanimler)

    @ chesterfield1111 – La correzione di @ hmkay ha funzionato per me. Il fatto che tu abbia menzionato due file .htaccess è un po ‘strano. Prova a disabilitarne uno e usa solo ciò che è nella tua root public_html.
    Inoltre, cambierei “*” in “miodominio.com” per motivi di sicurezza.

    (@ chesterfield1111)

    Grazie per l’aiuto, purtroppo ho dovuto fare una reinstallazione completa perché non sono riuscito a capirlo entro la mia scadenza. Grazie comunque dell’aiuto.

    (@purnamdhyan)

    +1 su suggerimento di hmkay!

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

    (@ramoonus)

    vorrei vederlo integrato nel plugin

    (@gdriver)

    Questo dovrebbe risolvere il tuo problema, copiarlo, incollarlo nel tuo file .htaccess e ricaricarlo, svuotare la cache ed eventualmente cancellare i tuoi file CDN e il problema è risolto:

    # ----------------------------------------------------------------------
    # CORS-enabled images (@crossorigin)
    # ----------------------------------------------------------------------
    # Send CORS headers if browsers request them; enabled by default for images.
    # developer.mozilla.org/en/CORS_Enabled_Image
    # blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
    # hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
    # wiki.mozilla.org/Security/Reviews/crossoriginAttribute
    <IfModule mod_setenvif.c>
      <IfModule mod_headers.c>
        # mod_headers, y u no match by Content-Type?!
        <FilesMatch ".(gif|png|jpe?g|svg|svgz|ico|webp)$">
          SetEnvIf Origin ":" IS_CORS
          Header set Access-Control-Allow-Origin "*" env=IS_CORS
        </FilesMatch>
      </IfModule>
    </IfModule>
    # ----------------------------------------------------------------------
    # Webfont access
    # ----------------------------------------------------------------------
    # Allow access from all domains for webfonts.
    # Alternatively you could only whitelist your
    # subdomains like "subdomain.example.com".
    <IfModule mod_headers.c>
      <FilesMatch ".(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
        Header set Access-Control-Allow-Origin "*"
      </FilesMatch>
    </IfModule>

    Fonte: MaxCDN

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *