How do I fetch API data with CORS headers?

What are CORS headers and why are they important for fetching API data?

CORS stands for Cross-Origin Resource Sharing. It's a security feature that allows or restricts resources requested from another domain. Without proper CORS headers, your web application may not be able to access resources from a different origin.

How can I set CORS headers in my API?

You can set CORS headers in your API by including the Access-Control-Allow-Origin header in your response. For example, to allow requests from any origin, you can set it to *.

Can you show me an example of a fetch request with CORS?

Sure! Here's a simple example:

fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));