如何在NodeJS/ExpressJS中正确重定向？

Question

我正在nodejs/expressjs中构建购物车应用程序.在用户登录后,我遇到了一些重定向到正确页面的问题.我发现了几篇与之密切相关的文章,但我尝试从那些给定的文章中修复它并没有成功.

    access: function(req, res){
  var data = JSON.parse(req.body.data);
  console.log(data);
      Customers.findOne({"custEmail": data.custEmail}, function(err, user){
        if(err){
          console.log(err);
          res.send("error");
        }if(!user){
          console.log("user not found");
          res.send("error");
        }else{
          console.log("user found");
          bcrypt.compare(data.custPassword, user.custPassword, function(err, reponse){
            if(reponse){
              req.session.regenerate(function(err){
                if(err){
                  console.log(err);
                  res.send("error");
                }else{
                  req.session.success = true;
                  res.send("Success");
                  //res.redirect('/');
                }
              });
            }else{
              console.log("error");
            }
          });
          }
      });

会发生什么,用户输入他们的登录信息并单击登录按钮.Ajax请求将数据发送到此访问功能.该函数首先检查用户是否存在于数据库中.如果它确实比继续比较bcrypt密码,如果它们相等则成功登录,如果它们不相等,那么显然它会出错.

问题似乎在这里: }else{ req.session.success = true; res.send("Success"); //res.redirect('/'); }

当用户的电子邮件和密码匹配时,就会点击此处.它说...将此会话设置为true,因此用户可以访问需要此会话的页面,然后将Success消息发送回ajax请求.这当前工作完全正常,res.send被发送到前端.当我取消注释res.redirect时,会发生"在设置后无法设置标头"的预期结果.因此,当我注释掉res.send时,res.redirect根本就不起作用了.没有错误,没有任何破坏,只是没有.

我很好奇为什么这里的重定向不起作用？标头没有在此函数中的任何其他位置设置,预期结果应该是重定向将完美地工作.任何帮助是极大的赞赏.谢谢.

Answer 1

当您发送ajax调用并获得响应时,浏览器不会根据该ajax响应对浏览器中的当前页面执行任何操作.因此,无论您是否向ajax调用发送重定向响应都无关紧要.无论如何,浏览器都不会更改浏览器中的当前页面.Ajax响应为您的Javascript生成数据,然后您的Javascript必须决定如何处理它.

仅供参考,只有当重定向发生在浏览器页面请求或浏览器提交的表单发布(不是Javascript提交)时,浏览器才会更改当前页面. 由于这不是您登录的方式,因此您无法使用重定向来更改当前的浏览器页面.

因此,如果您要在客户端上使用ajax调用进行登录,并且您希望客户端在成功进行Ajax登录后更改页面,那么您可能希望在登录响应中发送重定向URL并让客户端处理它并设置window.location为登录时进行重定向.

例如,您可以更改:

res.send("Success");

对此:

res.json({status: "Success", redirect: '/'});

然后,让您的客户端代码检查来自ajax调用的返回,如果状态成功,它可以获取redirect属性并执行以下操作:

if (ajaxResult.status === "Success") {
    window.location = ajaxResult.redirect;
}

我很好奇为什么这里的重定向不起作用？标头没有在此函数中的任何其他位置设置,预期结果应该是重定向将完美地工作.任何帮助是极大的赞赏.

已发送有关标头的消息意味着已发送整个响应res.send("Success");,您现在正尝试发送另一个响应.您只能获得一个给定请求的响应.完成后res.send("Success");,http服务器对象已发送整个响应,然后关闭该响应.此时您无法发送更多数据.