프론트엔드 파이프라인 배포로 웹 사이트가 중단됨

이 문서에서는 배포가 성공적으로 완료되더라도 프론트엔드 파이프라인이 웹 사이트에 성공적으로 적용되지 않는 문제에 대한 해결 방법을 설명합니다. ServerAlias를 활성화된 vhost에 추가하여 수정합니다.

설명 description

환경

AEM as a Cloud Service

문제/증상

프론트엔드 파이프라인이 웹 사이트에 적용되지 않았습니다. 배포가 성공적으로 완료되었지만 JS/CSS 파일이 웹 사이트에 적용되지 않았습니다.

재현 단계

  1. aem-site-template-standard version 2.2.0을(를) 사용하여 새 사이트를 만듭니다.
  2. 해당 사이트에서 소스를 다운로드합니다.
  3. 웹 사이트 테마를 일부 변경합니다.
  4. 소스를 저장소/분기에 푸시합니다.
  5. 해당 저장소/분기에서 FE 파이프라인을 실행합니다.

FE 파이프라인이 배포되면 새 사이트가 중단되고 JS/CSS이(가) 로드되지 않습니다.

또한 다음 위치에 표시됩니다.

"/conf/fe-pipeline-test/sling:configs/com.adobe.cq.wcm.core.components.config.HtmlPageItemsConfig/jcr:content", 속성 "prefixPath"이(가) 다음으로 설정됨:

"https://static-pxxxxx-eyyyyy.adobeaemcloud.com/5be94d5dbcc77e833330ed8d9d98f549f85aebfffd0ce933c04f9b1e6e67bdad"입니다.

그러나 이 서버에서 로드하려는 모든 리소스(예: CSS: https://static-pxxxxx-eyyyyy.adobeaemcloud.com/5be94d5dbcc77e833330ed8d9d98f549f85aebfffd0ce933c04f9b1e6e67bdad/theme.css))는 항상 작동합니다.

해결 방법 resolution

스타일이 정적 도메인에서 로드되고 작동 ​만 반환하는 경우 정적 도메인이 Dispatcher 수준에서 차단되었는지 확인해야 합니다.

FE 파이프라인이 작동하려면 배포된 프론트엔드 아티팩트가 CDN/Dispatcher에 올바르게 제공되어야 합니다.

Dispatcher 구성이 정적 도메인을 차단하면 CSS/JS을(를) 로드할 수 없습니다.

이에 대해 활성화된 vhost 중 하나 이상에 다음 중 하나가 있습니다.

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

Dispatcher 구성을 확인할 때 deault.vhost에만 ServerAlias "*"이(가) 있습니다. 그러나 default.vhost은(는) 사용할 수 없습니다.

활성화된 vhost에 ServerAlias을(를) 추가하면 문제가 해결됩니다.

Experience League 캠페인 커뮤니티에서 질문하기

이 주제에 대해 답변하고 싶은 질문이 있거나 이전 답변한 질문을 읽은 경우 이 문서를 포함하는 Experience League 커뮤니티 블로그 게시물을 보고, 질문과 의견을 보내고, Experience League 캠페인 커뮤니티에 참여하세요!

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