NodeJS HTTP request from AngularJS

Question

I'm currently developing a web application using AngularJS on the fronted and NodeJS on the backend with express. I've had trouble requesting my backend API from the fronted however and hope you guys can help me.

Backend (NodeJS):

app.get('/test', function(req, res) {
    res.json(200, {'test': 'it works!'})
})

Frontend (AngularJS):

myApp.controller('myController', function($scope, $http) { 
    delete $httpProvider.defaults.headers.common["X-Requested-With"]
    $http.get('http://localhost:5000/test').success(function(data) {
        alert('Success')
    }).error(function(data, status) {                                            
        alert('Error! ' + status + ' : ' + data)                                  
    })        
})

When I refresh the app I get an alert saying: Error! 0 :, however, when I request the backend with curl or by the browser, I get the test dict back. The frontend seems to be able to access the backend though because I see it in my backend log that it's done a request and got something back, but firebug says that the response is empty, what should I do?

Thanks so much, let me know if you need more info from me.

Mattias

Do you serve your frontend pages from the same server as your backend runs? — Vadim
– Vadim, Commented Nov 6, 2013 at 20:11

Vadim · Accepted Answer · 2013-11-06 21:00:13Z

2

Make sure that your frontend and backend servers have the same origin (protocol, host and port). If not, then you does not recieve response since you make cross-origin ajax request. In this case you should send special header from your backend to allow it:

Access-Control-Allow-Origin: *

You can add response header with the following code:

res.set('Access-Control-Allow-Origin', '*');

edited Nov 6, 2013 at 21:00

answered Nov 6, 2013 at 20:07

Vadim

8,7744 gold badges47 silver badges52 bronze badges

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

1 Comment

M.K. Safi Over a year ago

Good answer, but the note about semi-colons is not true.

Edward · Accepted Answer · 2015-04-22 08:43:00Z

1

res.setHeader('Access-Control-Allow-Origin', '*');

answered Apr 22, 2015 at 8:43

Edward

1,32914 silver badges20 bronze badges

Comments

Andrii Tretiak · Accepted Answer · 2016-09-09 10:38:19Z

0

Use res.status(status).json(obj) instead of res.json(status, obj)

edited Sep 9, 2016 at 10:38

Andrii Tretiak

3,2712 gold badges22 silver badges33 bronze badges

answered Sep 9, 2016 at 9:50

Usatei

687 bronze badges

Collectives™ on Stack Overflow

NodeJS HTTP request from AngularJS

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related