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, la variable js/css Los archivos de 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. Insertar orígenes en el repositorio o rama.
  5. Ejecute la canalización de FE desde ese repositorio/rama.

Una vez implementada la canalización de FE, el nuevo sitio se rompe y no js/css está cargado.

Además, verá esto en:

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

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

Pero cualquier recurso que intentemos cargar desde este servidor (como el css: https://static-pxxxxx-eyyyyy.adobeaemcloud.com/5be94d5dbcc77e833330ed8d9d98f549f85aebfffd0ce933c04f9b1e6e67bdad/theme.css), siempre tenemos "Funciona bien".

Resolución resolution

Se basa en el hecho de que cuando el estilo se carga desde el dominio estático, solo devuelve "Funciona bien", necesitamos verificar si el dominio estático no está bloqueado en el nivel de dispatcher.

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

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

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 del cliente, se pudo ver que solo la variable deault.vhost tiene ServerAlias "*". Sin embargo, la variable default.vhost no estaba habilitado.

Agregando ServerAlias a un vhost habilitado se ha corregido el problema.

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