我正在使用angular.js开发web应用程序,我目前对处理错误的正确方法有点困惑。在我的应用程序中,我使用ngResource来调用服务器的rest API。所以我会有很多ngResource api调用。
e.g。用户资源,有user.query(),user.get(),user.save()...... 我是否想将错误回调放入所有ngResource api调用中? 只是处理各种错误:如服务器关闭或无法访问互联网?
我只是不认为在每个ngResource api调用中放置一个错误回调是个好主意。这将产生大量冗余代码并使我的代码不整齐。
您将如何处理各种错误类型?
答案 0 :(得分:9)
您可以使用拦截器并在发生错误时执行任何操作:
var app = angular.module("myApp", []);
app.config(function ($provide, $httpProvider) {
$provide.factory('ErrorInterceptor', function ($q) {
return {
responseError: function(rejection) {
console.log(rejection);
return $q.reject(rejection);
}
};
});
$httpProvider.interceptors.push('ErrorInterceptor');
});
使用此拦截器,您可以阅读状态代码并执行您需要的操作(如果状态代码为401,则完美的用例是将用户重定向到登录页面。)
由于ngResource使用$ http,因此在调用资源方法时也会执行拦截器。
当然,您可以执行更多操作并在发出请求之前/之后添加拦截器。
请参阅此处的完整文档:http://docs.angularjs.org/api/ng.$http
请参阅此小提琴:http://jsfiddle.net/4Buyn/了解工作样本。