[英]AngularJS: Catch all response status 500
这似乎是一个奇怪的请求。 我想知道是否有一种方法使用$ http拦截器来捕获响应状态为500的第一个URL,然后停止所有后续请求和进程并执行某些操作?
Thomas的回答是正确的,但目前已弃用此解决方案。 你应该做这样的回答 。
app.factory('errorInterceptor', function ($q) {
var preventFurtherRequests = false;
return {
request: function (config) {
if (preventFurtherRequests) {
return;
}
return config || $q.when(config);
},
requestError: function(request){
return $q.reject(request);
},
response: function (response) {
return response || $q.when(response);
},
responseError: function (response) {
if (response && response.status === 401) {
// log
}
if (response && response.status === 500) {
preventFurtherRequests = true;
}
return $q.reject(response);
}
};
});
app.config(function ($httpProvider) {
$httpProvider.interceptors.push('errorInterceptor');
});
您可以通过$httpProvider.responseInterceptors
捕获所有响应。
要做到这一点,你必须创建一个像这样的工厂:
app.factory('SecurityHttpInterceptor', function($q) {
return function (promise) {
return promise.then(function (response) {
return response;
},
function (response) {
if (response.status === 500) {
//DO WHAT YOU WANT
}
return $q.reject(response);
});
};
});
在这个工厂中,如果500就做你想要的,你会得到响应状态。 然后拒绝回复。
现在你必须在你的配置模块中将工厂放在$httProvider
的responseInterceptors
中:
app.config(function ($routeProvider, $httpProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/home.html',
controller: 'HomeCtrl'
})
.otherwise({
templateUrl: 'views/404.html'
});
$httpProvider.responseInterceptors.push('SecurityHttpInterceptor');
})
你可以创建一个服务和拦截器来处理这个,
.factory('ServerErrorService', function() {
var _hasError = false
return {
get hasError() {
return _hasError;
},
set hasError(value) {
_hasError = value;
// you could broadcast an event on $rootScope to notify another service that it has to deal with the error
},
clear: clear
}
function clear() {
_hasError = false;
}
})
.factory('ServerErrorInterceptor', function ($q, ServerErrorService) {
var interceptor = {
request: function(config) {
if(ServerErrorService.hasError) {
var q = $q.defer();
q.reject('prevented request');
return q.promise;
}
return config;
},
responseError: function(response) {
if(response.status === 500) {
ServerErrorService.hasError = true;
}
return $q.reject(response);
}
}
return interceptor;
})
如果您想再次允许请求,那么您只需要调用ServerErrorService.clear()
要么
您可以使用此答案的修改版本。 虽然我不确定 - 如果你想 - 你会取消这个动作并允许后续请求。
https://stackoverflow.com/a/25475121/1798234
.factory('ServerErrorInterceptor', function ($q) {
var canceller = $q.defer();
var interceptor = {
request: function(config) {
config.timeout = canceller.promise;
return config;
},
responseError: function(response) {
if(response.status === 500) {
canceller.resolve('server error');
}
return $q.reject(response);
}
}
return interceptor;
})
要记住这两个解决方案的一件事,如果你之后有任何其他拦截器定义了responseError
方法或者使用.catch
设置任何处理程序来处理$ http promise,它们将收到一个带有{data:null, status:0}
的响应对象{data:null, status:0}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.