Ionic angular app sending POST to socket.io server

Question

I have a previously working ionic app that talks to node server running socket.io server.

The socket server gets the POST but it's empty. It used to work perfectly.

I can send successfully using a REST client (PAW on mac) with no issues... the POST body is received in socket.io app.

Here's the angular code in my ionic app:

 var data = { username: 'bob', password: 'smith' }

var config = {
      headers : {
        'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
      }
    }
    $http.post('http://example.com:3000/login',data, config)

    .success(function(result) {
          //don't make it here

    }).error(function(data,status) {
      //make it here... no error code
    });

and in my socket.io app on the node server:

app.post('/login', function (req, res) {
  console.log(req.body); //this is empty
  console.log("req.body.username: " + req.body.username);  //empty empty
});

To confirm, the app.post does execute...se we make it that far on teh server. but the body is empty.

Preflight issue? I am stumped...need this working tonight :(

Answer 1

The $http.post function takes (url, data, [config]) as parameters. Reference : Documentation

By looking at your code, I think that have misplaced the parameters.

Try the following

var data = { username: 'bob', password: 'smith' }

var config = {
  headers : {
    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
  }
}
$http.post('http://example.com:3000/login', data, config)
.success(function(result) {
  //don't make it here

}).error(function(data,status) {
  //make it here... no error code
});

Answer 2

I solved this by adding transformRequest function in the $http settings:

See this answer