Get X-auth-token Via Javascript/angular/ionic Promise

I have a problem and don´t know how to solve it... I have to authenticate a user in my IonicApp through a token based authentication. So i have to store the token inside the app,

Solution 1:

There are lot of articles are available over handling authentication in AngularJS. This article is the one perfect suitable in your case.

So you can get token from your request as,

}).then(functionsuccessCallback(response) {
    console.log("data:" + response.data);
    $window.sessionStorage.token = response.data.token;
    return response;
}, functionerrorCallback(response) {
    return response;
});

Now we have the token saved in sessionStorage. This token can be sent back with each request by at least three ways

1. Set header in each request:

`$http({method: 'GET', url: url, headers: {
    'Authorization': 'Bearer ' + $window.sessionStorage.token}
});`

2. Setting defaults headers

`$http.defaults.headers.common['X-Auth-Token'] = 'Bearer ' + $window.sessionStorage.token;`

3. Write Interceptor:

Interceptors give ability to intercept requests before they are handed to the server and responses before they are handed over to the application code that initiated these requests

myApp.factory('authInterceptor', function ($rootScope, $q, $window) {
  return {
    request: function (config) {
      config.headers = config.headers || {};
      if ($window.sessionStorage.token) {
        config.headers.Authorization = 'Bearer ' + $window.sessionStorage.token;
      }
      return config;
    },
    response: function (response) {
      if (response.status === 401) {
        // handle the case where the user is not authenticated
      }
      return response || $q.when(response);
    }
  };
});

myApp.config(function ($httpProvider) {
  $httpProvider.interceptors.push('authInterceptor');
});

Refer AngularJS $http guide for detailed explanation.

As you are getting response.data null and image demonstrates that headers are being returned, I would suggest you to check if you are getting data with

response.headers(),

if then try with response.headers()["X_AUTH_TOKEN"].