javascript - res.redirect 没有重定向到任何地方
问题描述
像我的大多数问题一样,我看到类似的问题,但它们的解决方案不同。我的 res.redirect simple 什么都不做。页面保持不变,绝对不会尝试重定向。
我曾尝试将 res.redirect 放在其他位置,但随后出现错误。我只是希望页面在登录后重定向到另一个页面。
app.post('/login', function (req, res) {
var usernameCollection = mongoDBDatabase.collection('accounts');
var username = req.body.username;
var enteredPassword = req.body.password;
usernameCollection.findOne({
$or:[
{ username: username}
]
}).then(function(user){
if (user) {
console.log('That username was found in the database');
bcrypt.compare(enteredPassword, user.password.substr(1), function(err, result){
if(result == true){
console.log('Password matches!');
console.log('logged in as ' + username);
usercurrentlyloggedin = username;
res.redirect('/username');
}
else{
console.log('Password did not match');
res.redirect('/');
}
});
}
else{
console.log('The username ' + username + ' was NOT found in the database');
}
});
});
服务器端代码:
function login(){
console.log("login: " + usernameField.value, pwField.value);
console.log('login button clicked');
var postRequest = new XMLHttpRequest();
var requestURL = '/login';
postRequest.open('POST', requestURL);
var requestBody = JSON.stringify({
personId: usernameField.value,
username: usernameField.value,
password: pwField.value
});
postRequest.setRequestHeader('Content-Type', 'application/json');
postRequest.send(requestBody);
usernameField.value= "";
pwField.value = "";
}
解决方案
当您最终向您发送客户端代码时,让我们修复双方:
想法是将json有效负载发送到服务器并从服务器获取json响应并根据状态码采取行动。
所以服务器端部分不返回重定向 - 客户端确实重定向自己。
1)服务器端
app.post('/login', async (req, res) => {
try {
const collection = mongoDBDatabase.collection('accounts');
const {username, password} = req.body;
const user = await collection.findOne({username});
if (
user &&
await bcrypt.compare(password, user.password.substr(1))
) {
res.status(200).send({});
return;
}
res.status(403).send({message: 'Access denied'});
}
catch (error) {
console.log(error);
res.status(500).send({error: error.message});
}
});
2) 客户端
function login(){
console.log('login:', usernameField.value, pwField.value);
console.log('login button clicked');
// request initialization
var request = new XMLHttpRequest();
request.setRequestHeader('Content-Type', 'application/json');
request.responseType = 'json';
request.open('POST', '/login');
request.send(
JSON.stringify({
username: usernameField.value,
password: pwField.value
})
);
// request handling
request.onload = function(e) {
// success, redirecting user
if (this.status == 200) {
window.location.href = '/username';
return;
}
// got 403 from server, credentials are invalid
if (this.status == 403) {
alert('Username and/or password invalid.');
return;
}
// system error raise
if (this.status == 500) {
alert('System error. Contact support.');
return;
}
};
}
推荐阅读
- python - Pybullet 逆运动学
- c# - 有没有办法只更新日期选择器内容控件的文本,而不是格式细节?
- java - Substring + IndexOf 获取字符串的特定部分
- ruby-on-rails - Zlib gunzip 仅返回部分文件
- r - 如何一次在多个 csv 文件中逐行查找(并输出)第一个值 1 和最后一个值 1 的位置?
- javascript - 仅在长函数完成后由 JS 更新的 HTML 元素,即使放在之前
- angular - 如何以一种形式使用两个 mat-chip-lists 从两个单独的数据库表中提取?
- python - 如何在python中处理意外的参数类型
- excel - 如何记录一个excel表的数据并在间隔后存储另一个表
- python - 我需要总是运行 findspark 还是一次?