Fetching json from node.js in angular.js 1

Question

I am trying get json data from node.js into angular.js version 1 but i am getting header error like "Failed to load http://127.0.0.1:3000/emps: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access."

Angular js script code

var myModule = angular.module("myApp",[]).controller("directivesController",function($scope,$http){

        var res = $http.get("http://127.0.0.1:3000/emps",{headers:{'Access-Control-Allow-Origin':'*',"Access-Control-Allow-Methods": "*", "Origin":"*", "Access-Control-Allow-Headers": "*"}});
        res.success(function(data,status,header,config){
            alert("success");
            /*console.log(data);
            console.log(status);
            console.log(header); */
        });

        res.error(function(data,status,header,config){
            /*console.log(data);
            console.log(status);
            console.log(header); */
            alert("error");
        });

    });

Node.js script code

router.get('/', function(req, res, next) {
  var jsonData = '{"persons":[{"name":"John","city":"New York"},{"name":"Phil","city":"Ohio"}]}';
  var jsonObj = JSON.parse(jsonData);
  res.send(jsonObj);
});

Possible duplicate of No 'Access-Control-Allow-Origin' header is present on the requested resource—when trying to get data from a REST API — str
– str, Commented Dec 12, 2017 at 9:34
you have to set the header on the server side not on the client side — vibhor1997a
– vibhor1997a, Commented Dec 12, 2017 at 9:37

Fadi Abo Msalam · Accepted Answer · 2017-12-12 09:36:08Z

1

the issue is cors

to solve it you can use cors module in your nodejs server

var cors = require('cors')

var app = express()
app.use(cors())

answered Dec 12, 2017 at 9:36

Fadi Abo Msalam

7,2852 gold badges24 silver badges25 bronze badges

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

Comments

vibhor1997a · Accepted Answer · 2017-12-12 09:39:39Z

0

Set the Access-Control-Allow-Origin header before sending the response,

router.get('/', function(req, res, next) {
    var jsonData = '{"persons":[{"name":"John","city":"New York"},{"name":"Phil","city":"Ohio"}]}';
    var jsonObj = JSON.parse(jsonData);
    res.setHeader('Access-Control-Allow-Origin','*');
    res.send(jsonObj);
  });

answered Dec 12, 2017 at 9:39

vibhor1997a

2,3862 gold badges19 silver badges40 bronze badges

Collectives™ on Stack Overflow

Fetching json from node.js in angular.js 1

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