フロントエンドパイプラインのデプロイメントが web サイトを中断する
この記事では、デプロイメントが正常に終了した場合でも、フロントエンドパイプラインが web サイトに正常に適用されない問題の解決策について説明します。 有効な vhost に ServerAlias を追加して修正します。
説明 description
環境
AEM as a Cloud Service
問題/症状
フロントエンドパイプラインが web サイトに正常に適用されない。 デプロイメントは正常に完了しますが、JS/CSS ファイルは Web サイトに適用されません。
再現手順
aem-site-template-standard version 2.2.0を使用して新しいサイトを作成します。- そのサイトからソースをダウンロードします。
- Web サイトのテーマを変更します。
- ソースをリポジトリ/ブランチにプッシュします。
- そのリポジトリ/ブランチから 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) のように、常に It works を取得します。
解決策 resolution
スタイル設定が静的ドメインから読み込まれ、動作 のみが返される場合、静的ドメインがDispatcher レベルでブロックされているかどうかを確認する必要があります。
FE パイプラインが機能するには、デプロイされたフロントエンドアーティファクトを CDN/Dispatcherで正しく提供する必要があります。
Dispatcher設定によって静的ドメインがブロックされている場合、CSS/JS を読み込むことはできません。
この場合、有効な vhost の少なくとも 1 つに次のいずれかが含まれています。
ServerAlias *
またはServerAlias "static-p<progId>-e<envId>.adobeaemcloud.com"
Dispatcherの設定を確認した際に、deault.vhost ーザーにのみ ServerAlias "*" ーザーが存在する場合は、 ただし、default.vhost は有効になっていません。
有効な vhost に ServerAlias を追加すると、問題が修正される。
Experience Leagueキャンペーンコミュニティで質問する
このトピックに関するご質問や、以前の回答済みの質問がある場合は、この記事を含む Experience League コミュニティのブログ投稿を参照し ご質問やご意見を送信して、Experience League キャンペーン コミュニティに参加してください。