La implementación de canalización de front-end rompe el sitio web

Este artículo describe una solución al problema de que las canalizaciones de front-end no se aplican correctamente a los sitios web, incluso cuando la implementación termina correctamente. Agregue ServerAlias a un vhost habilitado para corregirlo.

Descripción description

Entorno

AEM as a Cloud Service

Problema/Síntomas

Las canalizaciones de front-end no se aplican correctamente a los sitios web. Aunque la implementación finaliza correctamente, los archivos de JS/CSS no se aplican al sitio web.

Pasos a seguir

  1. Cree un nuevo sitio con aem-site-template-standard version 2.2.0.
  2. Descargue las fuentes de ese sitio.
  3. Realice algunos cambios en el tema del sitio web.
  4. Inserte las fuentes en el repositorio/rama.
  5. Ejecute la canalización de FE desde ese repositorio/rama.

Una vez implementada la canalización de FE, el nuevo sitio se interrumpe y no se carga ningún JS/CSS.

Además, verá esto en:

"/conf/fe-pipeline-test/sling:configs/com.adobe.cq.wcm.core.components.config.HtmlPageItemsConfig/jcr:content", la propiedad "prefixPath" está establecida en:

"https://static-pxxxxx-eyyyyy.adobeaemcloud.com/5be94d5dbcc77e833330ed8d9d98f549f85aebfffd0ce933c04f9b1e6e67bdad", que se ve bien.

Sin embargo, independientemente del recurso que intente cargar desde este servidor (como el CSS: https://static-pxxxxx-eyyyyy.adobeaemcloud.com/5be94d5dbcc77e833330ed8d9d98f549f85aebfffd0ce933c04f9b1e6e67bdad/theme.css)), siempre obtendrá Funciona.

Resolución resolution

Cuando el estilo se carga desde el dominio estático y solo devuelve Funciona, debe comprobar si el dominio estático está bloqueado en el nivel de Dispatcher.

Para que funcionen las canalizaciones de FE, la CDN/Dispatcher debe proporcionar correctamente los artefactos de front-end implementados.

Si la configuración de Dispatcher bloquea el dominio estático, no se puede cargar CSS/JS.

Para esto, al menos uno de los vhosts habilitados tiene:

ServerAlias *
O
ServerAlias "static-p<progId>-e<envId>.adobeaemcloud.com"

Al comprobar la configuración de Dispatcher, si ve que solo deault.vhost tiene ServerAlias "*". Sin embargo, default.vhost no está habilitado.

Agregar ServerAlias a un vhost habilitado corrige el problema.

Hacer Preguntas En Nuestra Comunidad De Experience League Campaign

Si tiene alguna pregunta que desee que se le responda sobre este tema o que desea leer las preguntas respondidas anteriores, le invitamos a ver nuestra publicación de blog de la comunidad de Experience League que incluye este artículo, enviarnos sus preguntas y comentarios y unirse a nuestra comunidad de Experience League Campaign.

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f