Error: promise is not defined

Question

I have a factory and its function is to handle redirect status codes. If it sees that the status code is 302, it will redirect the page to the login page.

app.factory('redirectInterceptor', function($q,$location){
    return {
        responseError : function(response){
            return promise.then(
                function success(response) {
                    if(response.status === 302){
                        alert("success  " +response.status);
                        $location.path('/login.html');
                        return response;
                    }
                    else{
                        alert("success  "  +response.status);
                        return response; 
                    }
                },
                function error(response) {
                    if(response.status === 302){
                        alert("error " +response.status);
                        $location.path('/public/login.html');
                        return $q.reject(response);
                    }
                    else{
                        alert("error  " +response.status);
                        return $q.reject(response); 
                    }
                }
            );
        }
    }
});

app.config(['$httpProvider',function($httpProvider) {
    $httpProvider.interceptors.push('redirectInterceptor');
}]);

But I get an error once the server returns 302. here it is

Error: promise is not defined

What have I done wrong?

@pixelbits meaning? I have to add this var defer = $q.defer(); ? then make it defer.promise.then .. ? I've been searching for articles that can help me and I found this https://thinkster.io/egghead/promises — user3714598, Apr 08 '15 at 05:33
I don't think 302 is an error status code. Errors are 4xx and 5xx — Chandermani, Apr 08 '15 at 05:44
@chandermani So even if I use http interceptor I wouldnt be able to get 302? — user3714598, Apr 08 '15 at 05:48
I think on 302, browser performs automatic redirect. Search for Angular $http and 302 redirects. — Chandermani, Apr 08 '15 at 06:21

score -2 · Answer 1 · edited May 23 '17 at 12:29

You need to use interceptors Sometimes you might need to modify HTTP requests and responses. This could be for a variety of reasons such as adding global logic handling for HTTP errors. With interceptors, you can easily accomplish this in your Angular applications.

Refer this: https://egghead.io/lessons/angularjs-using-angularjs-interceptors-with-http

Also see this similar post AngularJS using an interceptor to handle $http 404s - promise not defined error

Error: promise is not defined

1 Answers1