Angular.js saying custom HTTP response header is null

Question

The callback function for the POST is returning null for my custom HTTP header X-Auth-Token. Chrome is showing the correct POST response headers, but Angular.js is not.

The only ones Angular is returning are Cache-Control and Content-Type. Everything else shows null.

This is my CoffeeScript showing how I'm calling it:

.factory 'loginFactory', ($rootScope, $http, $resource) ->
    $resource '/api/auth/login',
        email: '@id'
        password: '@id'

.controller 'userController', ($scope, $state, $http, loginFactory, userService) ->
    $scope.validationError = false
    $scope.user =
        email: ''
        password: ''

    $scope.loginUser = ->
        loginFactory.save $scope.user, (u, headers) ->
            console.log headers('X-Auth-Token')
        .$promise.then (response) ->
            unless response.error
                userService.login($scope.user.email, $scope.user.password)

                unless userService.redirIfLoggedIn()
                    $scope.validationError = true

I also tried running earlier versions Angular 1.3.x, and those had the same issue.

Why is Angular only returning those two headers when I make a request?

Looks like the server needs to give permission to see the headers. Check out this stackoverflow.com/questions/17038436/… — dbugger
– dbugger, Commented Nov 26, 2014 at 2:30
Ran it locally; it worked that way. Looks like that's the issue. In this instance: Access-Control-Expose-Headers: X-Auth-Token. — Kevin Ghadyani
– Kevin Ghadyani, Commented Nov 26, 2014 at 17:14

Community · Accepted Answer · 2017-05-23 12:33:32Z

7

Thanks for this solution goes to @dbugger who commented the answer I needed:

Looks like the server needs to give permission to see the headers. Check out this: Reading response headers when using $http of Angularjs

The proper way to make headers available outside of your local domain is to set: Access-Control-Expose-Headers on your webserver. In this particular case, you would put X-Auth-Token.

edited May 23, 2017 at 12:33

CommunityBot

11 silver badge

answered Nov 26, 2014 at 17:22

Kevin Ghadyani

7,3878 gold badges50 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular.js saying custom HTTP response header is null

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related