CORS in Node.js and AngularJS

Question

I have a CORS problem with my app.

My stack is Node.js with Express 4 and AngularJS using Restangular

I already have tried a few things (for example) but I keep getting:

XMLHttpRequest cannot load http://localhost:8080/api/users. Request header field Content-Type is not allowed by Access-Control-Allow-Headers.

In the server side I have this headers:

app.all('/*', function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-Methods", "GET, POST","PUT");
  next();
});

In the AngularJS part I am using this:

$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];

And I am doing the post with Restangular like this:

var baseUsers = Restangular.all('users');
....
....
baseUsers.post(newUser).then(function(user){
console.log(user);
});

One more thing, in the Node.js server I am consoling the req.method and it says OPTIONS, I really don't know why.

Perhaps is something silly, hope someone can help me.

Thanks!

Community · Accepted Answer · 2017-05-23 11:46:12Z

2

Change -

res.header("Access-Control-Allow-Headers", "X-Requested-With");

TO

res.header("Access-Control-Allow-Headers", "X-Requested-With, Content-Type");

Source 1

Source 2

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Sep 17, 2014 at 4:16

swapnesh

26.8k24 gold badges97 silver badges129 bronze badges

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

Comments

sijo vijayan · Accepted Answer · 2015-06-03 07:37:41Z

0

I am posting same answer with a detailed code, Because i got some issues when i use the selected answer.

Just pull the code below after initialization of the app object

    app.all('/*', function(req, res, next) {
      res.header("Access-Control-Allow-Origin", "*");
      res.header("Access-Control-Allow-Headers", "X-Requested-With, Content-Type");
      res.header("Access-Control-Allow-Methods", "GET, POST","PUT");
      next();
    });

I hope this will be little bit more helpful.

answered Jun 3, 2015 at 7:37

sijo vijayan

1,7501 gold badge22 silver badges36 bronze badges

Collectives™ on Stack Overflow

CORS in Node.js and AngularJS

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related