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
- Cree un nuevo sitio con
aem-site-template-standard version 2.2.0
. - Descargue las fuentes de ese sitio.
- Realice algunos cambios en el tema del sitio web.
- Inserte las fuentes en el repositorio/rama.
- 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 *
OServerAlias "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.