AngularJS CORS error while making post request to the local nodeJS server

Question

I'm trying to send json data over post request but getting errors, I've tried many answers of stackoverflow but not getting answer I've also tried jsonp method but not getting any thing.

XMLHttpRequest cannot load http://localhost:3000/lvl/2/data. 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:14516 Possibly unhandled rejection: {"data":null,"status":-1,"config":{"method":"POST","transformRequest":[null],"transformResponse":[null],"jsonpCallbackParam":"callback","url":"http://localhost:3000/lvl/2/data","headers":{"Authorization":"Basic dGVzdDp0ZXN0","Content-Type":"application/x-www-form-urlencoded","Accept":"application/json, text/plain, /"},"data":{"Code":"test data"}},"statusText":""}

http post request:

$http({
    url:'http://localhost:3000/lvl/2/data',
    method:"POST",
    headers: {
        'Authorization': 'Basic dGVzdDp0ZXN0',
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    data: {
        'Code': 'test data'
    }
}).then(function() {
    console.log('submitted')
});

NodeJs Post request:

router.post('/lvl/2/data', function (req, res){
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE");
    res.header("Access-Control-Max-Age", "3600");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    console.log(req.body);
    res.send('submitted');
});

does your nodejs handle OPTIONS preflight request correctly? — Jaromanda X
– Jaromanda X, Commented Mar 22, 2017 at 22:29
although Origin 'null' suggests the page that is making the request is loaded using file:// protocol — Jaromanda X
– Jaromanda X, Commented Mar 22, 2017 at 22:30
see this Response to preflight request doesn't pass access control check - that's the OPTIONS preflight that is failing - read about CORS preflight to understand - if you were using express on the server, you'd use express-cors - npmjs.com/package/express-cors — Jaromanda X
– Jaromanda X, Commented Mar 22, 2017 at 23:04

Artem Tutov · Accepted Answer · 2017-03-22 23:22:42Z

0

You can temporary disable checking CORS with extension for browser:

Chrome:

Allow-Control-Allow-Origin: *

For Opera you should install:

1)Extension allows you to install extensions from Chrome Web Store

2)Allow-Control-Allow-Origin: *

answered Mar 22, 2017 at 23:22

Artem Tutov

2,0252 gold badges13 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

AngularJS CORS error while making post request to the local nodeJS server

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related