wie man den Benutzer auf eine andere Seite nach Anmeldung mit JavaScript -Fetch -API umleiten? Mit einer Redirectrectresponse wird die Umleitung automatisch auf der Clientseite befolgt. Dies liegt daran, dass der Umleitungsmodus in der Funktion fetch () standardmäßig standardmäßig folgt. Infolgedessen wird der Benutzer nicht in die neue URL umgeleitet, sondern folgt dieser Umleitung hinter den Kulissen und gibt die Antwort aus der Umleitungs -URL zurück.

Um dies zu überwinden Die Antwort ist das Ergebnis einer von Ihnen gestellten Anfrage, die umgeleitet wurde. In diesem Fall können Sie die URL -Eigenschaft der Antwort abrufen, die die endgültige URL zurückgibt, die ** nach ** alle Umleitungen erhalten wurde, und mit der Fenster von JavaScript.location.href können Sie den Benutzer zur Ziel -URL umleiten (d. H. Die, die Seite umleiten). Anstelle von window.location.href kann man auch window.location.replace () verwenden. Die Differenz durch das Festlegen des Eigenschaftswerts von HREF besteht darin Schaltfläche zum Navigieren. E.PreventDefault (); // die Standardaktion abbrechen var formElement = document.getElementById ("myForm"); var data = new FormData (Formelement); fetch ("http: // my-server/login", { Methode: "Post", Weiterleiten: "Folgen", // Ändern Sie es in "Handbuch", wenn Sie manuell umleiten möchten Körper: Daten, }) .then ((res) => { if (res.redirected) { window.location.href = res.url; // oder location.replace (res.url); zurückkehren; } anders { return res.text (); } }) .then ((Daten) => { document.getElementById ("Antwort"). InnerHtml = Daten; }) .Catch ((Fehler) => { console.Error (Fehler); }); });

Wenn Sie eine Querverwaltungsanfrage verwenden, müssen Sie den Antwortheader für Zugriffskontrolle-Expose-Header auf der Serverseite festlegen, um den Ort einzuschließen, um den Ort einzuschließen Kopfball. Dies liegt daran, dass nur die kors-safelistierten Antwort-Header standardmäßig freigelegt sind.