angularjs – 如何正确处理服务器端错误?
发布时间:2020-12-17 17:53:01 所属栏目:安全 来源:网络整理
导读:我正在使用angular.js开发web应用程序,我目前对处理错误的正确方法感到困惑.在我的应用程序中,我使用ngResource来调用服务器的rest API.所以我会有很多ngResource api调用. 例如用户资源,有user.query(),user.get(),user.save()…… 我是否想将错误回调放入
我正在使用angular.js开发web应用程序,我目前对处理错误的正确方法感到困惑.在我的应用程序中,我使用ngResource来调用服务器的rest API.所以我会有很多ngResource api调用.
例如用户资源,有user.query(),user.get(),user.save()…… 我只是不认为在每个ngResource api调用中放置一个错误回调是个好主意.这将产生大量冗余代码并使我的代码不整齐. 您将如何处理各种错误类型? 解决方法
您可以使用拦截器并在发生错误时执行任何操作:
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/的工作样本. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |