$httpProvider interceptors Cannot set property 'x' of undefined

Question

Here is the deal i want to add auth token and idx to every http request.
when i try i get a TypeError: Cannot set property 'site' of undefined
here is the interceptor

$httpProvider.interceptors.push(function($q, $cookies,$location) {
  return {
    'request': function(config) {   
      config.data.auth ='hasAuth';
      config.data.token = $cookies.token;
      config.data.idx = $cookies.idx;
      console.log(config);

      return config;
    }

  };
});

And here is the $http request.

app.controller('coolCtrl', function($scope, $http, makeUrl, $cookies){
    var info={};
    info = $cookies.eidx;

    var test = $http.post("https://example.com/uri/list", info )
    .success(function (data) {
        $scope.data = data
    });

});

And the error
TypeError: Cannot set property 'auth' of undefined

I feel like im getting mixed up in all the promises.
Thanks in advance
-James

Have a look at the post with the same error: http://stackoverflow.com/questions/16589752/angular-js-http-post-typeerror-cannot-read-property-data-of-undefined?rq=1 — PM 77-1, Jun 06 '14 at 22:27

score 0 · Accepted Answer · answered Jun 09 '14 at 16:51

After running a lot of debugs i finally figured it out.

$httpProvider.interceptors.push(function($q, $cookies,$location) {
return {
    'request': function(config) { 
      if (typeof config.data !== undefined){
        config.data.auth ='hasAuth';
        config.data.token = $cookies.token;
        config.data.idx = $cookies.idx;
        console.log(config);
      }
      return config;
    }

  };
});

angular was trying to set config.data.auth when it was making any request including dataless get requests. so i have to check manually for data and then set it.

$httpProvider interceptors Cannot set property 'x' of undefined

1 Answers1