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:
-
Überprüfen Sie Ihre benutzerdefinierte CORS-Konfiguration in AEM as a Cloud Service.
-
Überprüfen Sie, ob die folgenden Ursprünge explizit in den zulässigen Ursprüngen aufgeführt sind:
- https://experience.adobe.com
- https://universal-editor-service.adobe.io
- Alle anderen .adobe.com Domains
-
Entfernen Sie diese Ursprünge aus der benutzerdefinierten CORS-Konfiguration, falls vorhanden.
-
Stellen Sie sicher, dass der Zugriff auf den universellen Editor unter der AEM-Domain und nicht von einem externen Ursprung erfolgt.
-
Stellen Sie die aktualisierte CORS-Konfiguration bereit.
-
Testen Sie das Bearbeiten und Hinzufügen von Komponenten im universellen Editor, um zu bestätigen, dass das Problem behoben ist.