Cors issue when making call to node api from angular service

Question

I have an Angular7 frontend, and I am trying to send a get request from my Node server. However the Node server is unable to receive the api request itself.

I tried both on node's app.js code: 1>

const cors = require('cors');
app.use(cors());

2>

app.use((req,res,next)=>{
res.header('Access-Control-Allow-Origin', 'http://localhost:4200');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, 
Content-Type, Accept');
     next();
 })

Darshil Mehta · Accepted Answer · 2019-11-05 04:21:48Z

1

You can also try this

let cors = require("cors");

app.use(cors(), function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "http://localhost:4200"); // update to match the domain you will make the request from
  res.header(
    "Access-Control-Allow-Headers",
    "Origin, X-Requested-With, Content-Type, Accept"
  );
  next();
});

answered Nov 5, 2019 at 4:21

Darshil Mehta

1221 silver badge7 bronze badges

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

3 Comments

RPradhan Over a year ago

Access to XMLHttpRequest at 'localhost:3000' from origin 'localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. I still get the error.

Darshil Mehta Over a year ago

you can use multiple URLs like res.header("Access-Control-Allow-Origin", "http://localhost:4200", "http://localhost:3000");, So can you replace with this one, And please add a browser extension for cors. @RPradhan

Darshil Mehta Over a year ago

@RPradhan is this help you then please do it as marked

Dženis H. · Accepted Answer · 2019-11-05 06:29:48Z

0

// Enable CORS
app.use((req, res, next) => {
   // This is how you would enable for ALL incoming requests - I don't recommend
  // res.header("Access-Control-Allow-Origin", "*");

  // Allow multiple [specific] origins - Do it like this
  const allowedOrigins = ["https://my-production-app.com", "http://localhost:4200"];
  const origin = req.headers.origin;
  if (allowedOrigins.indexOf(origin) > -1) {
    res.setHeader("Access-Control-Allow-Origin", origin);
  }

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

answered Nov 5, 2019 at 6:29

Dženis H.

7,8923 gold badges30 silver badges49 bronze badges

Collectives™ on Stack Overflow

Cors issue when making call to node api from angular service

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related