Pregunta sobre W3 Total Cache de Wordpress:

La política de Cloudfront CDN CORS ha bloqueado el acceso a la impresión

Un usuario preguntó 👇

Hola,

Recientemente configuré W3 Total Cache para usar AWS S3 y Clouudfront para CDN.

Todo funciona perfectamente a excepción de las fuentes temáticas que parece. Puedo ver los siguientes errores en la consola:

Access to font at 'https://d2qjn9qu0qahjw.cloudfront.net/wp-content/themes/Steakhouse/fonts/steakhouse-pixellove/steakhouse-pixellove.woff' from origin 'https://steambowlkc.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Se dibujarán los ajustes de CDN. Revisé el archivo .htaccess y no bloquea sus fuentes. No puedo agregarlo debido a los permisos de uso de la imagen bitnami. Intente agregar al .htaccess.confarchivo como sugirió bitnami, no tuve suerte, lo comprobé y es solo apache, no nginx. Intenté esto .htaccess las fuentes aún no se han generado mientras se regeneraba el plugin

Aquí está mi configuración de CORS para el bucket de S3.

http://s3.amazonaws.com/doc/2006-03-01/ páginas>; * OBTENER CABEZA ELIMINAR PONER > 3000 *

Estoy a punto de pensar en ideas en este momento.

(@vmarko)

hace 11 meses

Hola @nickwrg

Perdón por tu pregunta y estoy feliz de poder ayudarte con esto. Solo veo el error mencionado para ese archivo para el archivo diferente:
Access to font at 'https://d2qjn9qu0qahjw.cloudfront.net/wp-content/themes/Steakhouse/fonts/font-awesome/fontawesome-webfont.woff2?v=4.6.3' from origin 'https://steambowlkc.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Dicho esto, la consola indica que el archivo https://d2qjn9qu0qahjw.cloudfront.net/wp-content/themes/Steakhouse/fonts/font-awesome/fontawesome-webfont.woff2?v=4.6.3 No está cargando, por lo que debe verificar si el archivo está en la CDN y tal vez ejecutar ese archivo en Rendimiento> CDN y hacer clic en el botón de purgar. ¡Gracias!

(@nickwrg)

hace 11 meses

Hola Marko,

Gracias por la respuesta, borré ese archivo de la CDN pero todavía no parece funcionar. Dependiendo del navegador también veo diferentes errores. Chrome todavía tiene los errores mencionados, pero Firefox solo muestra el que mencionaste.

Veo estas líneas en mi archivo .htaccess, no estoy seguro de lo que significan exactamente:

ExpiresByType application/x-font-ttf A31536000
    ExpiresByType application/vnd.ms-opentype A31536000
    ExpiresByType audio/wav A31536000
    ExpiresByType audio/wma A31536000
    ExpiresByType application/vnd.ms-write A31536000
    ExpiresByType application/font-woff A31536000
    ExpiresByType application/font-woff2 A31536000
    ExpiresByType application/vnd.ms-excel A31536000
    ExpiresByType application/zip A31536000

Intenté agregar todo a mi archivo htaccess.conf pero el plugin aún agrega el archivo .htaccess predeterminado, no estoy seguro de si existe el riesgo de que se duplique de esa manera.

¿Hay algún lugar donde pueda consultar la documentación para obtener más información sobre los mejores detalles de W3 Total Cache? No lo he visto en el sitio BoldGrid.

(@vmarko)

hace 11 meses

Hola @nickwrg

Gracias por la información. ¿Puede agregar lo siguiente a la parte superior de su .htaccess y posiblemente a htaccess.conf:

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

¡Gracias!

(@nickwrg)

hace 11 meses

Hola Marko,

He actualizado el htaccess.conf, a continuación está completo. No puedo actualizar .htaccess en absoluto.

<Directory "/opt/bitnami/apps/wordpress/htdocs/wp-content/plugins/akismet">
# Only allow direct access to specific Web-available files.

# Apache 2.2
<IfModule !mod_authz_core.c>
	Order Deny,Allow
	Deny from all
</IfModule>

# Apache 2.4
<IfModule mod_authz_core.c>
	Require all denied
</IfModule>

# Akismet CSS and JS
<FilesMatch "^(form.js|akismet.js|akismet.css)$">
	<IfModule !mod_authz_core.c>
		Allow from all
	</IfModule>
	
	<IfModule mod_authz_core.c>
		Require all granted
	</IfModule>
</FilesMatch>

# Akismet images
<FilesMatch "^logo-full-2x.png$">
	<IfModule !mod_authz_core.c>
		Allow from all
	</IfModule>
	
	<IfModule mod_authz_core.c>
		Require all granted
	</IfModule>
</FilesMatch>
</Directory>
# BEGIN W3TC Browser Cache
<Directory "/opt/bitnami/apps/wordpress/htdocs">
<IfModule mod_mime.c>
    AddType text/css .css
    AddType text/x-component .htc
    AddType application/x-javascript .js
    AddType application/javascript .js2
    AddType text/javascript .js3
    AddType text/x-js .js4
    AddType video/asf .asf .asx .wax .wmv .wmx
    AddType video/avi .avi
    AddType image/bmp .bmp
    AddType application/java .class
    AddType video/divx .divx
    AddType application/msword .doc .docx
    AddType application/vnd.ms-fontobject .eot
    AddType application/x-msdownload .exe
    AddType image/gif .gif
    AddType application/x-gzip .gz .gzip
    AddType image/x-icon .ico
    AddType image/jpeg .jpg .jpeg .jpe
    AddType image/webp .webp
    AddType application/json .json
    AddType application/vnd.ms-access .mdb
    AddType audio/midi .mid .midi
    AddType video/quicktime .mov .qt
    AddType audio/mpeg .mp3 .m4a
    AddType video/mp4 .mp4 .m4v
    AddType video/mpeg .mpeg .mpg .mpe
    AddType video/webm .webm
    AddType application/vnd.ms-project .mpp
    AddType application/x-font-otf .otf
    AddType application/vnd.ms-opentype ._otf
    AddType application/vnd.oasis.opendocument.database .odb
    AddType application/vnd.oasis.opendocument.chart .odc
    AddType application/vnd.oasis.opendocument.formula .odf
    AddType application/vnd.oasis.opendocument.graphics .odg
    AddType application/vnd.oasis.opendocument.presentation .odp
    AddType application/vnd.oasis.opendocument.spreadsheet .ods
    AddType application/vnd.oasis.opendocument.text .odt
    AddType audio/ogg .ogg
    AddType application/pdf .pdf
    AddType image/png .png
    AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx
    AddType audio/x-realaudio .ra .ram
    AddType image/svg+xml .svg .svgz
    AddType application/x-shockwave-flash .swf
    AddType application/x-tar .tar
    AddType image/tiff .tif .tiff
    AddType application/x-font-ttf .ttf .ttc
    AddType application/vnd.ms-opentype ._ttf
    AddType audio/wav .wav
    AddType audio/wma .wma
    AddType application/vnd.ms-write .wri
    AddType application/font-woff .woff
    AddType application/font-woff2 .woff2
    AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw
    AddType application/zip .zip
</IfModule>
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType text/css A31536000
    ExpiresByType text/x-component A31536000
    ExpiresByType application/x-javascript A31536000
    ExpiresByType application/javascript A31536000
    ExpiresByType text/javascript A31536000
    ExpiresByType text/x-js A31536000
    ExpiresByType video/asf A31536000
    ExpiresByType video/avi A31536000
    ExpiresByType image/bmp A31536000
    ExpiresByType application/java A31536000
    ExpiresByType video/divx A31536000
    ExpiresByType application/msword A31536000
    ExpiresByType application/vnd.ms-fontobject A31536000
    ExpiresByType application/x-msdownload A31536000
    ExpiresByType image/gif A31536000
    ExpiresByType application/x-gzip A31536000
    ExpiresByType image/x-icon A31536000
    ExpiresByType image/jpeg A31536000
    ExpiresByType image/webp A31536000
    ExpiresByType application/json A31536000
    ExpiresByType application/vnd.ms-access A31536000
    ExpiresByType audio/midi A31536000
    ExpiresByType video/quicktime A31536000
    ExpiresByType audio/mpeg A31536000
    ExpiresByType video/mp4 A31536000
    ExpiresByType video/mpeg A31536000
    ExpiresByType video/webm A31536000
    ExpiresByType application/vnd.ms-project A31536000
    ExpiresByType application/x-font-otf A31536000
    ExpiresByType application/vnd.ms-opentype A31536000
    ExpiresByType application/vnd.oasis.opendocument.database A31536000
    ExpiresByType application/vnd.oasis.opendocument.chart A31536000
    ExpiresByType application/vnd.oasis.opendocument.formula A31536000
    ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
    ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
    ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
    ExpiresByType application/vnd.oasis.opendocument.text A31536000
    ExpiresByType audio/ogg A31536000
    ExpiresByType application/pdf A31536000
    ExpiresByType image/png A31536000
    ExpiresByType application/vnd.ms-powerpoint A31536000
    ExpiresByType audio/x-realaudio A31536000
    ExpiresByType image/svg+xml A31536000
    ExpiresByType application/x-shockwave-flash A31536000
    ExpiresByType application/x-tar A31536000
    ExpiresByType image/tiff A31536000
    ExpiresByType application/x-font-ttf A31536000
    ExpiresByType application/vnd.ms-opentype A31536000
    ExpiresByType audio/wav A31536000
    ExpiresByType audio/wma A31536000
    ExpiresByType application/vnd.ms-write A31536000
    ExpiresByType application/font-woff A31536000
    ExpiresByType application/font-woff2 A31536000
    ExpiresByType application/vnd.ms-excel A31536000
    ExpiresByType application/zip A31536000
</IfModule>
<IfModule mod_deflate.c>
        AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext text/plain text/xsd text/xsl text/xml image/bmp application/java application/msword application/vnd.ms-fontobject application/x-msdownload image/x-icon application/json application/vnd.ms-access video/webm application/vnd.ms-project application/x-font-otf application/vnd.ms-opentype application/vnd.oasis.opendocument.database application/vnd.oasis.opendocument.chart application/vnd.oasis.opendocument.formula application/vnd.oasis.opendocument.graphics application/vnd.oasis.opendocument.presentation application/vnd.oasis.opendocument.spreadsheet application/vnd.oasis.opendocument.text audio/ogg application/pdf application/vnd.ms-powerpoint image/svg+xml application/x-shockwave-flash image/tiff application/x-font-ttf application/vnd.ms-opentype audio/wav application/vnd.ms-write application/font-woff application/font-woff2 application/vnd.ms-excel
    <IfModule mod_mime.c>
        # DEFLATE by extension
        AddOutputFilter DEFLATE js css htm html xml
    </IfModule>
</IfModule>
<FilesMatch ".(css|htc|less|js|js2|js3|js4|CSS|HTC|LESS|JS|JS2|JS3|JS4)$">
    FileETag MTime Size
    <IfModule mod_headers.c>
         Header unset Set-Cookie
         Header set X-Powered-By "W3 Total Cache/0.13.1"
    </IfModule>
</FilesMatch>
<FilesMatch ".(html|htm|rtf|rtx|txt|xsd|xsl|xml|HTML|HTM|RTF|RTX|TXT|XSD|XSL|XML)$">
    FileETag MTime Size
</FilesMatch>
<FilesMatch ".(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|webp|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|webm|mpp|otf|_otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|_ttf|wav|wma|wri|woff|woff2|xla|xls|xlsx|xlt|xlw|zip|ASF|ASX|WAX|WMV|WMX|AVI|BMP|CLASS|DIVX|DOC|DOCX|EOT|EXE|GIF|GZ|GZIP|ICO|JPG|JPEG|JPE|WEBP|JSON|MDB|MID|MIDI|MOV|QT|MP3|M4A|MP4|M4V|MPEG|MPG|MPE|WEBM|MPP|OTF|_OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|PNG|POT|PPS|PPT|PPTX|RA|RAM|SVG|SVGZ|SWF|TAR|TIF|TIFF|TTF|TTC|_TTF|WAV|WMA|WRI|WOFF|WOFF2|XLA|XLS|XLSX|XLT|XLW|ZIP)$">
    FileETag MTime Size
    <IfModule mod_headers.c>
         Header unset Set-Cookie
    </IfModule>
</FilesMatch>
<FilesMatch ".(bmp|class|doc|docx|eot|exe|ico|json|mdb|webm|mpp|otf|_otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|pot|pps|ppt|pptx|svg|svgz|swf|tif|tiff|ttf|ttc|_ttf|wav|wri|woff|woff2|xla|xls|xlsx|xlt|xlw|BMP|CLASS|DOC|DOCX|EOT|EXE|ICO|JSON|MDB|WEBM|MPP|OTF|_OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|POT|PPS|PPT|PPTX|SVG|SVGZ|SWF|TIF|TIFF|TTF|TTC|_TTF|WAV|WRI|WOFF|WOFF2|XLA|XLS|XLSX|XLT|XLW)$">
    <IfModule mod_headers.c>
         Header unset Last-Modified
    </IfModule>
</FilesMatch>
<FilesMatch ".(eot|otf|ttf|woff|woff2)">
  Header set Access-Control-Allow-Origin "*"
</FilesMatch>
<IfModule mod_headers.c>
    Header set Referrer-Policy "no-referrer-when-downgrade"
</IfModule>
# END W3TC Browser Cache
# BEGIN W3TC CDN
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>
# END W3TC CDN
# BEGIN W3TC Page Cache core
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{HTTPS} =on
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{SERVER_PORT} =443
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{HTTP:X-Forwarded-Proto} =https [NC]
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{HTTP:Accept-Encoding} gzip
    RewriteRule .* - [E=W3TC_ENC:_gzip]
    RewriteCond %{HTTP_COOKIE} w3tc_preview [NC]
    RewriteRule .* - [E=W3TC_PREVIEW:_preview]
    RewriteCond %{REQUEST_METHOD} !=POST
    RewriteCond %{QUERY_STRING} =""
    RewriteCond %{HTTP_COOKIE} !(comment_author|wp-postpass|w3tc_logged_out|wordpress_logged_in|wptouch_switch_toggle) [NC]
    RewriteCond %{REQUEST_URI} /$
    RewriteCond "%{DOCUMENT_ROOT}/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" -f
    RewriteRule .* "/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" [L]
</IfModule>
# END W3TC Page Cache core
</Directory>

Actualicé esto y reinicié Apache y, desafortunadamente, no ha cambiado.

Esta respuesta fue modificada hace 11 meses por.

(@nickwrg)

hace 11 meses

Actualización de estado.

Así que después de este último cambio. Esto solo parece estar sucediendo en Chrome en este momento. En otros navegadores sigo viendo el error de archivo:

https://d2qjn9qu0qahjw.cloudfront.net/wp-content/themes/Steakhouse/fonts/font-awesome/fontawesome-webfont.woff2?v=4.6.3

Pero los otros archivos de fuentes parecen estar bien. Tiene alguna idea sobre esto?

(@vmarko)

hace 11 meses

Hola @nickwrg

Parece que no puedo tener acceso a su sitio web ahora porque solo me anima a download.gz Esto significa compresión doble en alguna parte, tal vez reglas duplicadas en htaccess.conf. ¿Puede eliminar las reglas de W3 Total Cache de htaccess.conf? Además, cuando dice que no puede actualizar .htaccess en absoluto, ¿qué quiere decir exactamente con eso? La regla que proporcioné debe estar en la parte superior del archivo .htaccess, fuera de las reglas de W3 Total Cache y lo mismo es cierto para .htaccess.conf. ¡Gracias!

(@nickwrg)

hace 11 meses

Intentaré ponerlo fuera de W3 Total Cache en .htaccess.conf.

Para el archivo .htaccess que el plugin generalmente crea o edita, puedo acceder a él, pero no es editable. Ver docnams bitnami:

https://docs.bitnami.com/oci/apps/wordpress/administration/use-htaccess/

(@vmarko)

Hace 10 meses, 4 semanas

Hola @nickwrg

¿Alguna actualización sobre esto? Veo que su sitio web parece estar roto nuevamente ¡Gracias!

(@nickwrg)

Hace 10 meses, 4 semanas

Sí, lamentablemente todavía no funciona.

(@vmarko)

Hace 10 meses, 4 semanas

Hola @nickwrg

¿Puede aclarar qué no funciona? Problema de CORS o la cuestión de su estilo roto. ¿Has probado Purify Minify? ¡Gracias!

(@nickwrg)

Hace 10 meses, 4 semanas

Hola Marko, creo que el estilo roto es causado por un problema de CORS, no cargará algunos de los archivos de fuentes ya que dice que no tienen acceso.

Solo purgué Minify y otros y no pareció haber ayudado.

(@vmarko)

Hace 10 meses, 4 semanas

Hola @nickwrg

Esto no tiene nada que ver con CORS pero no pudo cargar algunos archivos CSS / JS. ¿Ha intentado borrar el CDN? TAMBIÉN, si desactiva CDN, ¿continúa el problema? ¡Gracias!

(@nickwrg)

Hace 10 meses, 4 semanas

Bueno, no tengo idea de por qué, pero esos archivos parecen haberse cargado durante la noche en algún momento. No he cambiado nada.

Todavía no he desactivado la CDN, ¿qué sucede cuando desactiva la CDN directamente? No puedo encontrar ninguna información sobre eso. ¿Qué sucede con los medios que cargó cuando la CDN ahora estaba activa que está inactiva? Me imagino que el sitio no lo sabría.

(@vmarko)

Hace 10 meses, 4 semanas

Hola @nickwrg

Si deshabilita CDN en W3 Total Cache, los recursos de CDN solo se servirán desde su servidor. Además, intente borrar la CDN y volver a autorizar las credenciales. Parece que ha interrumpido algo, tal vez moviendo constantemente las reglas de .htaccess. ¿Está utilizando alguna otra solución de almacenamiento en caché o, quizás, almacenamiento en caché del lado del servidor o cualquier otro tipo de almacenamiento en caché? ¡Gracias!

(@nickwrg)

Hace 10 meses, 4 semanas

Solo estoy usando W3 Total Cache como la única solución de almacenamiento en caché. De lo contrario, es un claro ejemplo de ec2 con WordPress.

Déjame limpiar y volver a autorizar todo. Te lo haré saber.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.