Pregunta sobre W3 Total Cache de Wordpress:

Cloudfront: sin encabezado ‘Access-Control-Allow-Origin’

Un usuario preguntó 👇

Hola,

Solo quería probar Amazon Cloudfront en mi blog y no hacerlo funcionar.

Siempre obtengo el siguiente error:

Access to font at 'https://XXXX.cloudfront.net/wp-content/themes/mmr/vendor/fontello/font/fontello.woff2?17326630' from origin 'https://www.mydomain.co.uk' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Y probé todo lo que encontré.

Esto está en mi .htaccess

# BEGIN CORS Headers
<FilesMatch ".(ttf|ttc|otf|eot|woff|woff2|font.css)$">
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
# END CORS Headers

Configuración de S3 CORS:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>HEAD</AllowedMethod>
    <AllowedMethod>DELETE</AllowedMethod>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <MaxAgeSeconds>3000</MaxAgeSeconds>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>

Transporte frente a la nube:

Caché basado en encabezados de aplicaciones seleccionados -> Encabezados de la lista blanca Lista blanca -> Base

Traté de agregar manualmente los siguientes encabezados: Access Control-Control-Missing-Access Headers-Control-Missing-Mode

Y modificaciones aprobadas de los modos HTTP -> OBTENER, UNA, OPCIONES

Pero nada funcionó.

¿He olvidado algo?

Apreciaría cualquier ayuda.

¡Todo lo mejor! Manuel

(@vmarko)

hace 1 año

Hola @marowi

Lamento su pregunta con CORS y me complace ayudarlo con esto. Existe la posibilidad de que nginx esté siendo manejado por esos archivos y PHP por apache en su entorno. es decir, las reglas de Apache no tienen posibilidad de actuar. Simplemente confirme ¿Está en Nginx + Apache o Apache simple?

(@marowi)

hace 1 año

Hola Marko,

muchas gracias por su ayuda.

Sí, es un servidor Plesk Linux con la configuración predeterminada de Apache y Nginx.

https://docs.plesk.com/en-US/obsidian/customer-guide/websites-and-domains/hosting-settings/web-server-settings/apache-and-nginx-settings/the-default-value- of-server-settings.72320 / # servir-todo-contenido-estático-vía-nginx

Por documento, con la configuración predeterminada, Nginx maneja todo el contenido estático.

(@vmarko)

hace 1 año

Hola @marowi

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. ¡Gracias!

(@marowi)

hace 1 año

Hola Marko,

Tenías razón, fue porque nginx.

Solo tuve que agregar

add_header Access-Control-Allow-Origin *;

con las instrucciones adicionales de nginx en Plesk. ¡Ahora funciona!

¡De nuevo muchas gracias!

(@vmarko)

hace 1 año

Hola @marowi

¡De nada! Realmente agradeceríamos que se tomara un minuto y publicara una reseña aquí. Esto nos ayudará a seguir ofreciendo a los usuarios un producto excelente. ¡Gracias por tu ayuda!

¿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 *