How do I set custom headers in a TypeScript fetch request?

How do I set custom headers in a TypeScript fetch request?

You can set custom headers in a TypeScript fetch request by using the headers option in the fetch function. Here's an example:

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

Can I add multiple headers at once?

Yes, you can add multiple headers by including them in the headers object. Just separate each header with a comma, like in the example I provided.

What if I need to send a POST request with headers?

For a POST request, you can set the method to 'POST' and include the body along with the headers. Here's an example:

fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer your-token'
  },
  body: JSON.stringify({ key: 'value' })
})
.then(response => response.json())
.then(data => console.log(data));