CORSおよびHTTP 500 エラーにより、ユニバーサルエディターでコンポーネントを編集または追加できない
Adobe Experience Manager（AEM）ユニバーサルエディターでコンポーネントを編集または追加する際に、CORS ポリシーエラーとHTTP 500 レスポンスが発生して失敗した場合は、カスタム CORS設定からAdobe オリジンを削除し、更新された設定をデプロイします。
説明 description
AEM as a Cloud Serviceでユニバーサルエディターを使用すると、ページの読み込みに成功したが、既存のコンポーネントの編集や新しいコンポーネントの追加が失敗する場合があります。 このシナリオでは、ブラウザーコンソールにx-aem-affinity-type ヘッダーに関連するCORS （クロスオリジン リソース共有）エラーが表示され、ユニバーサルエディターサービス /details リクエストは HTTP 500内部サーバーエラー を返します。 この問題は通常、特定のコンテンツパスの下にあるすべてのページに影響を与え、特定のオリジンを明示的にリストするカスタム CORS設定がデプロイされている場合に発生する可能性があります。
環境
Adobe Experience Manager as a Cloud Service（すべてのバージョン）
症状
- ユニバーサルエディターはページを読み込みますが、コンポーネントの編集または追加は失敗します。
- ブラウザーコンソールにCORS エラーが表示されます：プリフライト応答で、「x-aem-affinity-type」ヘッダーがAccess-Control-Allow-Headersで許可されていません。
- ユニバーサルエディターサービス
/detailsの要求で HTTP 500 Internal Server Error が返されます。
原因
AEM オーサーからのCORS プリフライト応答にはAccess-Control-Allow-Headersにx-aem-affinity-type ヘッダーが含まれていないため、ブラウザーはユニバーサルエディターからのリクエストをブロックし、サービスからHTTP 500 エラーが発生します。 これは多くの場合、特定のオリジンを明示的にリストするカスタム CORS設定が原因です。
解決策 resolution
問題を解決するには、次の手順に従います。
-
AEM as a Cloud Serviceでカスタム CORS設定を確認します。
-
次のオリジンが許可されたオリジンに明示的にリストされているかどうかを確認します。
- https://experience.adobe.com
- https://universal-editor-service.adobe.io
- その他の.adobe.com ドメイン
-
これらのオリジンが存在する場合は、これらのオリジンをカスタム CORS設定から削除します。
-
ユニバーサルエディターが外部のオリジンからではなく、AEM ドメインの下でアクセスされていることを確認します。
-
更新されたCORS設定をデプロイします。
-
ユニバーサルエディターでコンポーネントの編集と追加をテストして、問題が解決されたことを確認します。