Angular JS 拦截器检查响应数据 returns html

Question

我正在尝试在 Angular JS 端实现一个拦截器，为此我将检查特定的响应并将用户导航到其他页面。这是我的拦截器

App.factory('InterceptorService',['$q', '$location', function( $q, $location, $http){
var InterceptorServiceFactory = {};

var _request = function(config){
   console.log('Coming inside');
   console.log(config);
    return config;
}

var _response = function(response){
    console.log('Coming inside for Result');
    console.log(response);
    if (response.data.code == "USER_TIMEDOUT") {
        window.location.href = '/unrestricted/jsp/FormLogin.jsp';
        alert(worked);
    }
     return response;
 }

InterceptorServiceFactory.request = _request;
InterceptorServiceFactory.response = _response;
return InterceptorServiceFactory;
}]);

App.config(["$httpProvider", function ($httpProvider) {
$httpProvider.interceptors.push('InterceptorService'); 
}]);

这是我的 API 来自 Spring 拦截器的回复

    {
"code": "USER_TIMEDOUT",
"message": "User session timedout for requestUri=/services/search/Employee"
}

我正在尝试检查我的回复并检查代码，如果代码匹配，我正在尝试将他带到另一个屏幕。但是每当我看到控制台内部数据的响应时，它就会有 Html 。

当我分析“网络”选项卡时，我能够看到 API 调用失败，响应为 401。并且所有其他 HTML 已加载，同时加载 html 。响应数据来自 Html 。那么我的拦截器中缺少什么？

Answer 1

由于响应代码是401（超过400被认为是请求失败）， 你需要使用

InterceptorServiceFactory.responseError = _response;

查看this answer了解更多详情