Pregunta sobre W3 Total Cache de Wordpress:

Falta el encabezado CORS ‘Access-Control-Allow-Origin’

Un usuario pregunt贸 馃憞

Tengo W3 Total Cache instalado pero obtengo el error CORS, en firefox y chrome:

Acceso de impresi贸n en ‘https://cdn.domain.com/wp-content/themes/oceanwp/assets/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0 ‘; desde el origen ‘https: //dominio.com ‘; Bloqueado por la pol铆tica CORS: no hay un encabezado ‘Access-Control-Allow-Origin’ presente en el recurso solicitado.

Mi archivo htaccess tiene los detalles correctos: Segu铆 estas instrucciones:

https://wordpress.org/support/topic/cors-header-access-control-allow-origin-missing/

y agreg贸 esto al archivo htaccess.php:

SetEnvIf Origin 芦http (s)?: // (cdn | sub) .domain .com $禄 AccessControlAllowOrigin = $ 0 Header add Access-Control-Allow-Origin% {AccessControlAllowOrigin} e env = Header Merges AccessControlAllowOrigin Vary Origin

Mi archivo htaccess se ve as铆:

# COMIENZA W3TC CDN

Encabezado de conjunto Access-Control-Allow-Origin 芦*禄 SetEnvIf Base 芦http (s)?: // (cdn | sub) .domain .com $禄 AccessControlAllowOrigin = $ 0 Encabezado agregar Access-Control-Allow-Origin% {AccessControlAllowOrigin} e env = Fusionar AccessControlAllowOrigin Vary Origin

# FIN W3TC CDN

Adem谩s, permit铆 CORS en un bucket de AWS S3 y mis permisos de S3 son similares:

http://s3.amazonaws.com/doc/2006-03-01/ p谩ginas>; https: //*.domain.com; OBTENER CABEZA ELIMINAR PONER CORREO > Autorizaci贸n

驴Puedes guiarme para solucionar este problema? Mientras tanto, he desactivado el plugin.

(@vmarko)

Hace 1 a帽o, 4 meses

Hola @amandapandashop

Lamento tu pregunta con Cors Header y estoy feliz de poder ayudarte con esto. La regla .htaccess que agreg贸 debe cambiarse en consecuencia. EG no tiene un subdominio, por lo que debe realizar cambios seg煤n el caso de uso. Tambi茅n deber铆as probarlo * en vez de Autorizaci贸n con su CORSConfiguration Aseg煤rese de invalidar la distribuci贸n de CloudFront despu茅s de realizar los cambios. Consulte los art铆culos siguientes:
https://aws.amazon.com/premiumsupport/knowledge-center/no-access-control-allow-origin-error/
https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/Invalidation.html
隆Espero que esto ayude!

Lanzador de hilos

(@amandapandashop)

Hace 1 a帽o, 4 meses

Hola Marko, gracias por ayudar. No estoy seguro de lo que quiere decir con 芦no tiene un subdominio, por lo que necesita hacer cambios dependiendo del uso禄. He configurado el cname 芦cdn.domain.com禄. Lo siento, tengo una nueva AWS y una cach茅 completa. 驴Es eso lo que quieres decir? Todo lo mejor,

(@vmarko)

Hace 1 a帽o, 4 meses

Hola @amandapandashop

Elimine lo siguiente de su .htaccess

<FilesMatch 鈥.(ttf|otf|eot|woff|woff2|svg)$鈥>
<IfModule mod_headers.c>
SetEnvIf Origin 鈥渉ttp(s)?://(cdn|sub).domain.com$鈥 AccessControlAllowOrigin=$0
Header add Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin
Header merge Vary Origin
</IfModule>

Reemplace la <AllowedHeader>Authorization</AllowedHeader> le * con su CORSConfiguration o puede usar su nombre de dominio real en su lugar *

Lanzador de hilos

(@amandapandashop)

Hace 1 a帽o, 3 meses

Hola Marko Perd贸n por el retraso. Todav铆a no funciona. 1) Elimin茅 esto de .htaccess: SetEnvIf Origin 鈥渉ttp (s)?: // (cdn | sub) . dominio .com $ 芦AccessControlAllowOrigin = $ 0 Encabezado agregar Access-Control-Allow-Origin% {AccessControlAllowOrigin} e env = AccessControlAllowOrigin Encabezado para fusionar Vary Origin 2. Reemplace la configuraci贸n CORS para que ahora aparezca: http://s3.amazonaws.com/doc/2006-03-01/ p谩ginas>; https://domain.com; OBTENER 3000 * Anfitri贸n

Esta respuesta fue modificada hace 1 a帽o, 3 meses. Lanzador de hilos

(@amandapandashop)

Hace 1 a帽o, 3 meses

Hola Marko Perd贸n por el retraso. Todav铆a no funciona. 1) Elimin茅 esto de .htaccess: SetEnvIf Origin 鈥渉ttp (s)?: // (cdn | sub) . dominio .com $ 芦AccessControlAllowOrigin = $ 0 Encabezado agregar Access-Control-Allow-Origin% {AccessControlAllowOrigin} e env = AccessControlAllowOrigin Encabezado para fusionar Vary Origin 2. Se reemplaz贸 la configuraci贸n de CORS, por lo que ahora aparece: http://s3.amazonaws.com/doc/2006-03-01/ p谩ginas>; https://dominio.com; OBTENER 3000 * Anfitri贸n 3. luego limpie los archivos que tienen el conflicto CORS

Sin embargo, esto todav铆a no funciona. 驴Consejo por favor?

Lanzador de hilos

(@amandapandashop)

Hace 1 a帽o, 3 meses

Hola Marko, veo que otros tienen este problema con respecto a los errores de CORS y la configuraci贸n y las fuentes como yo https://wordpress.org/support/topic/cdn-cloudfront-and-webfonts/

Plicy CORS se ve as铆: http://s3.amazonaws.com/doc/2006-03-01/ p谩ginas>; * OBTENER 3000 * Anfitri贸n >

Mi archivo .htaccess tiene lo siguiente: # BEGIN W3TC CDN Encabezado de conjunto Access-Control-Allow-Origin 芦*禄 # FIN W3TC CDN

El comportamiento de My Cloud Front est谩 destinado a 芦solo https禄 y el encabezado en blanco del 芦encabezado禄. Todos los archivos con un problema de pol铆tica CORS no son v谩lidos. He borrado los cach茅s y borrado CDN en W3TC

Ya no s茅 qu茅 hacer. Por favor consejo.

(@vmarko)

Hace 1 a帽o, 3 meses

Hola @amandapandashop

驴Est谩 utilizando o impulsando una CDN de CloudFront? Si carg贸 en el dep贸sito s3, debe establecer la pol铆tica CORS y luego verificar CORS documentaci贸n en AWS. 隆Espero que esto ayude!

Lanzador de hilos

(@amandapandashop)

Hace 1 a帽o, 3 meses

Estoy usando la tracci贸n de CloudFront y agregu茅 la pol铆tica CORS al segmento S3. Creo que las im谩genes funcionan perfectamente. Sin embargo, son estas fuentes las que crean los problemas:

wp-content / plugins / elementor / assets / lib / font-awesome / webfonts / fa-brands-400.woff2 wp-content / plugins / elementor / assets / lib / font-awesome / webfonts / fa-solid-900.woff2 wp-content / plugins / elementor / assets / lib / font-awesome / webfonts / fa-brands-400.woff wp-content / plugins / elementor / assets / lib / font-awesome / webfonts / fa-solid-900.woff wp-content / plugins / elementor / assets / lib / font-awesome / webfonts / fa-brands-400.ttf wp-content / plugins / elementor / assets / lib / font-awesome / webfonts / fa-solid-900.ttf wp-content / plugins / ti-woocommerce-wishlist / assets / fonts / tinvwl-webfont.ttf wp-content / plugins / ti-woocommerce-wishlist / assets / fonts / tinvwl-webfont.woff wp-content / theme / oceanwp / assets / fonts / simple-line-icons / Simple-Line-Icons.woff2 wp-content / themes / oceanwp / assets / fonts / simple-line-icons / Simple-Line-Icons.ttf wp-content / theme / oceanwp / lujo resources / fonts / simple-line-icons / Simple-Line-Icons.woff wp-content / themes / oceanwp / assets / fonts / fontawesome / fontawesome-webfont.woff wp-content / theme / oceanwp / assets / fonts / fontawesome / fontawesome-webfont.ttf wp-content / theme / oceanwp / assets / fonts / fontawesome / fontawesome-webfont.woff

Intent茅 borrarlos de CloudFront, pero no tengo ninguna duda: 驴Tengo que cargarlos en el dep贸sito? No s茅 qu茅 hacer. Gracias de antemano por su amable ayuda con este tema.

Lanzador de hilos

(@amandapandashop)

Hace 1 a帽o, 3 meses

Hola, hice una b煤squeda m谩s en l铆nea y descubr铆 que mi cdn.domain.com encontr贸 todas las im谩genes y fuentes. Por otro lado, las fuentes y las im谩genes parecen ser servidas localmente desde domain.com. 驴Tiene alguna sugerencia adicional? Tuyo sinceramente,

(@vmarko)

Hace 1 a帽o, 3 meses

Hola @amandapandashop

En su entorno, nginx maneja esos archivos mientras PHP est谩 en apache. es decir, las reglas de Apache no tienen posibilidad de actuar. Debe agregar las siguientes reglas a su nginx.conf en su ra铆z:

location ~* .(eot|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}

O p铆dale a su proveedor de alojamiento que actualice las reglas por usted. 隆H谩ganos saber si ayuda!

(@vmarko)

Hace 1 a帽o, 3 meses

Resuelto en esta publicaci贸n https://wordpress.org/support/topic/cdn-cloudfront-and-webfonts/

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *