节点错误：发送后无法设置标头。怎么解决？

Question

用户单击登录按钮后，服务器会通过显示“发送后无法设置标头”错误自行关闭。有什么帮助吗？

Server.js 文件

app.put('/users/signin',function(req,res,next){
    db.collection('users',function(err,usersCollection){
        usersCollection.findOne({username:req.body.username},function(err,user){
            bcrypt.compare(req.body.password,user.password,function(err,result){
                if(result){
                    var token = jwt.encode(user,JWT_SECRET);
                    return res.json({token:token});
                }else{
                    res.status(400).send();
                }
            })
        });   
    });
    res.send();
});

我从中调用服务器的控制器..

$scope.signin = function(){
                  $http.put('/users/signin',{username:$scope.username,password:$scope.password})
         .then(function(res){
               $cookies.put('token',res.data.token);
               $scope.currentUser = $scope.username;
               alert("Successfully signed in");
           },function(err){
               alert("bad login credentials");
           });
    };

Answer 1

usersCollection.findOne 是异步的，它的回调在res.send(); 被调用之后调用。

将res.send(); 移动到bcrypt.compare 回调中。

app.put('/users/signin', function(req, res, next) {
    db.collection('users', function(err, usersCollection) {
        usersCollection.findOne({ username: req.body.username }, function(err, user) {
            bcrypt.compare(req.body.password, user.password, function(err, result) {
                if (result) {
                    var token = jwt.encode(user, JWT_SECRET);
                    res.json({ token: token });
                } else {
                    res.status(400);
                }

                // like here
                res.send();
            });
        });
    });
});

什么是回调？

来自wikipedia，回调是一段可执行代码，作为参数传递给其他代码。根据定义，回调没有任何异步，但它是用于异步编程的一个非常有用的概念。

在 JavaScript 中，函数可以将函数引用作为参数，该参数将用作回调。

function someFunction(callback) {
    console.log("before async callback");
    setTimeout(callback, 1); // calls the callback asynchronously
    console.log("after async callback");
}

可以这样调用，使用现有函数

function myExistingFunction() {
    console.log("inside a callback");
}
someFunction(myExistingFunction); 

或者像这样，使用函数表达式

someFunction(function(){ 
    console.log("inside a callback");
});

对someFunction 的两次调用都会按此顺序将以下内容打印到控制台：

before async callback
after async callback
inside a callback

为什么要按这个顺序？

由于someFunction 将回调传递给异步函数setTimeout，因此不会立即调用回调，而是仅在调用堆栈完成后调用。所以someFunction 完全完成，然后一段时间后，我们的回调被调用。

看看

• Understanding Asynchronous Code in Layman's terms
• JavaScript for Beginners: Async
• Node.js async in practice: When to use what? 专门与 node 和 express 相关