Bearbeiten oder Hinzufügen von Komponenten im universellen Editor aufgrund von CORS- und HTTP 500-Fehlern nicht möglich

Wenn das Bearbeiten oder Hinzufügen von Komponenten im universellen Editor von Adobe Experience Manager (AEM) mit CORS-Richtlinienfehlern und HTTP 500-Antworten fehlschlägt, entfernen Sie Adobe-Ursprünge aus Ihrer benutzerdefinierten CORS-Konfiguration und stellen Sie die aktualisierte Konfiguration bereit.

Beschreibung description

Bei Verwendung des universellen Editors in AEM as a Cloud Service tritt eine Situation auf, in der Seiten erfolgreich geladen werden, die Bearbeitung vorhandener Komponenten oder das Hinzufügen neuer Komponenten jedoch fehlschlägt. In diesem Szenario zeigt die Browser-Konsole einen CORS-Fehler (Cross-Origin Resource Sharing) im Zusammenhang mit der x-aem-affinity-type-Kopfzeile an, und die /details-Anfrage des universellen Editor-Dienstes gibt einen HTTP 500 Internal Server Error zurück. Dieses Problem betrifft in der Regel alle Seiten unter einem bestimmten Inhaltspfad und kann auftreten, wenn eine benutzerdefinierte CORS-Konfiguration bereitgestellt wird, in der bestimmte Ursprünge explizit aufgelistet sind.

Umgebung

Adobe Experience Manager as a Cloud Service (alle Versionen)

Symptome

  • Universeller Editor lädt Seiten, aber das Bearbeiten oder Hinzufügen von Komponenten schlägt fehl.
  • Die Browser-Konsole zeigt einen CORS-Fehler : „Die Kopfzeile ‚x-aem-affinity-type‘ ist von Access-Control-Allow-Headers in der Preflight-Antwort nicht zulässig.
  • Die /details-Anfrage des universellen Editor-Dienstes gibt HTTP 500 Internal Server Error zurück.

Ursache

Die CORS-Preflight-Antwort von der AEM-Autoreninstanz enthält nicht den x-aem-affinity-type-Header in Access-Control-Allow-Headers, was dazu führt, dass der Browser Anfragen vom universellen Editor blockiert, was zu HTTP 500-Fehlern vom Service führt. Dies ist häufig auf eine benutzerdefinierte CORS-Konfiguration zurückzuführen, die bestimmte Ursprünge explizit auflistet.

Lösung resolution

Führen Sie zur Behebung des Problems folgende Schritte aus:

  1. Überprüfen Sie Ihre benutzerdefinierte CORS-Konfiguration in AEM as a Cloud Service.

  2. Überprüfen Sie, ob die folgenden Ursprünge explizit in den zulässigen Ursprüngen aufgeführt sind:

  3. Entfernen Sie diese Ursprünge aus der benutzerdefinierten CORS-Konfiguration, falls vorhanden.

  4. Stellen Sie sicher, dass der Zugriff auf den universellen Editor unter der AEM-Domain und nicht von einem externen Ursprung erfolgt.

  5. Stellen Sie die aktualisierte CORS-Konfiguration bereit.

  6. Testen Sie das Bearbeiten und Hinzufügen von Komponenten im universellen Editor, um zu bestätigen, dass das Problem behoben ist.

Verwandtes Lesen

recommendation-more-help
experience-cloud-kcs-help-kbarticles