前端管道部署中斷網站

本文介紹即使部署成功完成,前端管道也無法成功套用至網站問題的解決方案。 將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

為此,至少有一個已啟用的主機具有下列任一項:

ServerAlias *

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

檢查Dispatcher設定時,如果您看到只有deault.vhostServerAlias "*"。 但是,default.vhost並未啟用。

ServerAlias新增至已啟用的vhost可修正問題。

在我們的Experience League促銷活動社群中提問

若您有任何關於此主題的疑問或想閱讀之前的已回答問題,請檢視包含本文的Experience League社群部落格,傳送您的問題與意見,並加入我們的Experience League促銷活動社群!

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