Page de redirection après connexion dans ES6 Récupérer

Question

J'ai besoin d'aide après la connexion de l'utilisateur. J'ai essayé de rediriger la page si les données ont un résultat, mais si je me connecte un email ou un mot de passe incorrect, il redirige toujours la page plutôt que d'alerter une erreur. J'utilise des jetons de l'API en passant.

function loginUser(){ 

fetch('http://example_website.com/api/login', { 
    method: 'POST', 
    headers: {'Content-Type': 'application/json'}, 
    body: JSON.stringify({ 
     email: document.getElementById("email").value, 
     password: document.getElementById("password").value 
    }) 
}) 
.then(data => data.json()) 
.then(data => { 

    if(data){ 
     redirect: window.location.replace("../Sample/home.html") 
    } else{ 
     alert("Invalid Email or Password"); 
    } 
}) 
.catch((err) => { 
    console.error(err); 
}) 

}

function registerUser(){ 

fetch('http://example_website.com/api/register', { 
    method: 'POST', 
    headers: {'Content-Type': 'application/json'}, 
    body: JSON.stringify({ 
     given_name: document.getElementById("given_name").value, 
     last_name: document.getElementById("last_name").value, 
     email: document.getElementById("email").value, 
     password: document.getElementById("password").value, 
     password_confirmation: document.getElementById("confirm_password").value 
    }) 
}) 
.then(data => data.json()) 
.then(data => { console.log(data); 
}) 
.catch((err) => { 
    alert ("Error!"); 
    console.error(err); 
}) 
} 

réponse API valide:

resopnse API non valide:

Answer 1

Lorsque vous exécutez ce morceau de code

.then(data => { 

    if(data){ //here! 
     redirect: window.location.replace("../Sample/home.html") 
    } else{ 
     alert("Invalid Email or Password"); 
    } 
}) 

data est toujours une valeur truthy, car il est un objet avec le contenu, ce que vous voulez faire, est de valider data.response à la place comme:

.then(data => { 

    if(data.response){ 
     redirect: window.location.replace("../Sample/home.html") 
    } else{ 
     alert("Invalid Email or Password"); 
    } 
})