Ftyjtk

I'm new to AWS and used

• 
  Elastic beanstalk to deploy my rest API (api.example.com) in node


• and S3 bucket with cloudfront for my static website (example.com) in React.

When calling the API endpoints from website, the browser is giving the CORS error. How can i prevent that?

I'm using following code in the node project for CORS

app.use((req, res, next) => {

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

  res.header('Access-Control-Allow-Credentials', true)

  res.header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS')

  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept')

  next();

});

Edit - based on arudzinska's comment

I also configured CORS in the bucket

<?xml version="1.0" encoding="UTF-8"?>

<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">

<CORSRule>

    <AllowedOrigin>*</AllowedOrigin>

    <AllowedMethod>GET</AllowedMethod>

    <AllowedMethod>POST</AllowedMethod>

</CORSRule>

</CORSConfiguration>

and the server is on nginx

Thanks in advance for any help

P.S - also, i have seen that few posts gives the reason as there would be some bug in the project code but all the endpoints are working correctly on POSTMAN.