Angular $http.get: 如何捕获所有错误？

Question

我正在向 nodejs 发送表单以进行身份验证。在下面的函数中使用 $http.get 并添加一个 promise > .then。在生产中，这是否会处理我可能从服务器收到的所有错误？我需要向此功能添加任何其他内容吗？

MyApp.controller("Login", function($scope, $http){

    $scope.checkuser = function(user){

        $http.get('/login', user).then(function(response){

            if(response.data){
                console.log(response.data);
                    //based on response.data create if else .. 
            } else {
                console.log("nothing returned");
            }
        });
    }
});

一如既往，非常感谢！

Answer 1

您的函数仅处理成功的服务器响应，如 200，但不考虑服务器异常 500 或授权错误 401 等。对于那些您需要提供 catch 回调：

$http.get('/login', user)
.then(function(response) {

    if (response.data) {
        console.log(response.data);
        //based on response.data create if else .. 
    } else {
        console.log("nothing returned");
    }
})
.catch(function() {
    // handle error
    console.log('error occurred');
})

Answer 2

我会将第二个回调添加到您的 .then，这是错误处理程序。

MyApp.controller("Login", function($scope, $http){

  $scope.checkuser = function(user){

    $http.get('/login', user).then(function(response){

        if(response.data){
            console.log(response.data);
                //based on response.data create if else .. 
        } else {
            console.log("nothing returned");
        }
    }, function(error){
        //THIS IS YOUR ERROR HANDLER. DO ERROR THINGS IN HERE!
    });
  }
});

Angular $http.get: 如何捕获所有错误？

Angular $http.get: How to catch all the errors?

javascript

node.js

angularjs

angular-http

angular-promise