AEM as a Cloud Serviceでヘッドレスコンテンツが読み込まれない – サイト
AEM as a Cloud Service（AEMaaCS）の新しいコンテンツフラグメントエディターで、ヘッドレスコンテンツフラグメントを読み込めない。 これは、CORS （クロスオリジンリソース共有）設定ファイル内の無効な正規表現が原因で発生します。 これを修正するには、alloworiginregexp プロパティを更新し、正規表現を確認して、更新された設定を再デプロイします。
説明 description
環境
Adobe Experience Manager as a Cloud Service（AEMaaCS） - Sites
問題/症状
-
コンテンツフラグメントエディターが読み込み画面で停止したままになる。
-
Assetsの下のヘッドレスコンテンツフラグメントが読み込まれない。
-
CORS 設定ファイル（CORSPolicyImpl custom-defined-CORS-config.cfg.json）に無効な正規表現があるため、システムは CORS フィルターをアクティブ化できません。
-
CORS ヘッダーがないので、ネットワークリクエストが失敗します。
-
設定ファイルで
alloworiginregexpプロパティに間違った値が使用されています。 -
（スクリーンショットに示すように）カスタム CORS 設定からインストールされたコンポーネントがある場合は、OSGi 設定パッケージがAEM as a Cloud Service環境にデプロイされています。 OSGi web コンソールに直接アクセスすることはできないので、Developer Consoleを使用して、コンポーネントのステータスと設定を確認します。
解決策 resolution
この問題を解決するには、次の手順に従います。
-
コードベースの
com.adobe.granite.cors.impl.custom-defined-CORS-config.cfg.jsonファイルを開きます。 -
無効な値が含まれている場合は
alloworiginregexpプロパティを更新します。-
正規表現が有効であることを確認します。
-
の使用は避けます。*。 などの有効なパターンに置き換えます。\* または要件に合ったその他の有効な正規表現。
例：
code language-none Corrected "alloworiginregexp": [ ".*" ] Problematic "alloworiginregexp": [ "*" ]
-
-
更新されたコードベースを実稼動環境に再デプロイします。
-
コンテンツフラグメントエディターが、読み込み画面を表示したまま、ヘッドレスコンテンツを読み込むことを確認します。