How do I configure CORS in a React application?

How do I configure CORS in a React application?

To configure CORS in a React application, you typically need to set up your backend server to allow requests from your React app's origin.

What if I'm using a Node.js backend?

If you're using Node.js, you can use the cors middleware. Install it via npm and then use it in your server code.

Can you show me an example of how to set it up?

Sure! First, install it with npm install cors. Then, in your server file, add:

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

This will allow all origins by default.

Is there a way to restrict it to specific origins?

Yes! You can pass an options object to cors() like this:

app.use(cors({ origin: 'http://example.com' }));

This will only allow requests from 'http://example.com'.