Reactjs 即使在react中刷新页面后,如何保持用户登录?
我有一个有效的登录页面,但是,一旦我登录并重定向到下一个页面,如果我刷新,我将被踢出并再次重定向到登录页面。如何防止这种情况发生?即使刷新后,我如何保持登录状态Reactjs 即使在react中刷新页面后,如何保持用户登录?,reactjs,authentication,session,Reactjs,Authentication,Session,我有一个有效的登录页面,但是,一旦我登录并重定向到下一个页面,如果我刷新,我将被踢出并再次重定向到登录页面。如何防止这种情况发生?即使刷新后,我如何保持登录状态 handleSubmit(values, { resetForm, setStatus, setSubmitting, props }) { let username = values.username; let password = values.password; fetch("http://localho
handleSubmit(values, { resetForm, setStatus, setSubmitting, props }) {
let username = values.username;
let password = values.password;
fetch("http://localhost:5000/users/login", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
username: username,
password: password
})
})
.then(res => {
if (res.status === 404) {
setStatus({ username: "This username has not been registered." });
} else if (res.status === 401) {
setStatus({ password: "Incorrect password." });
} else {
res.json();
auth.login(() => {
props.history.push("/portal");
});
}
})
.then(data => console.log(data))
.catch(err => console.log(err));
resetForm();
setSubmitting(false);
}
您可以为此使用异步存储,它将在重新加载页面时保持用户登录 您可以在此处查看有关如何使用异步存储的更多详细信息和理解
auth.login()函数的作用是什么?使用JWT和localStorage如何?这里有一个很好的例子:您需要设置一个cookie来保持用户登录。在服务器端执行此操作。当用户登录时,是否从api返回jsonwebtoken?问题是,他们是否使用react native还不清楚。在回答之前,请考虑更多细节。