const URL = "http://url.com";
fetch(URL).then(res => res.json()).then(json => {
this.setState({ someData: json });
});
How to send HTTP request with HTTP headers?
-
1Possible duplicate of Fetch GET Request with custom headers ReactJSSomeGuyOnAComputer– SomeGuyOnAComputer2018-04-29 19:00:40 +00:00Commented Apr 29, 2018 at 19:00
Add a comment
|
3 Answers
Try this
fetch('your_url', {
method: 'get',
headers: new Headers({
// Your header content
})
});
3 Comments
Joshua
Why use
new Headers here? Why don't you just use headers: { ... }?
Karthik S
Check github.github.io/fetch/#Headers, The option can take either object or Headers. Maybe fetch api internally converts object to Headers. Thus i have passed direct Headers to fetch option.
Yasir Shabbir Choudhary
@konekoya Array or Headers object both are acceptable
You can just pass them into fetch():
const API = 'foo';
fetch(API, { headers: {
'user-agent': 'Mozilla/4.0 MDN Example',
'content-type': 'application/json'
}}).then()
You can read more on that here.
Comments
Inside the fetch() method you should do something like this
fetch(url, {
...
headers: {
'user-agent': 'Mozilla/4.0 MDN Example',
'content-type': 'application/json'
}
For more details, look at the Mozilla Developers documentation.