リダイレクトページES6フェッチでのログイン後

Question

ユーザーのログイン後にヘルプが必要です。データに結果がある場合はページをリダイレクトしようとしましたが、間違った電子メールまたはパスワードでログインすると、エラーを警告するのではなくページがリダイレクトされます。私はAPIのトークンを使っています。

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); 
}) 
} 

有効API応答：

無効なAPIのresopnse：

Answer 1

あなたがコード

.then(data => { 

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

dataのこの部分を実行している場合は、それがコンテンツを持つオブジェクトですので、あなたが何をしたいのか、のような代わりdata.responseを検証することです、常にtruthy値である：

.then(data => { 

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