Вызов API с использованием fetch с методом get

Question

Я должен установить заголовок в вызове API. Мои вызовы POST API работают нормально. Но в моих вызовах get api заголовок не устанавливается.

return fetch('http://api-call.com', {
  method: 'GET',
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json',
    'custom-security':'XXXX',
    'Purchase-Code':'XXXXXXX',
    'Content-Type':'application/json',
    'Cache-Control':'max-age=640000'
  }
})
.then((response) => response.json())
.then((responseJson) => {
  console.log(responseJson);
})
.catch((error) => {
  console.error(error);
});

Answer 1

Вы должны установить объект Request и передать заголовки в объект Headers, например:

var request = new Request('http://api-call.com', {
    method: 'GET',
    headers: new Headers({
       'Accept': 'application/json',
       'custom-security':'XXXX',
       'Purchase-Code':'XXXXXXX',
       'Content-Type':'application/json',
       'Cache-Control':'max-age=640000'
    })
});

Затем просто вызовите fetch, указав request в качестве параметра:

fetch(request)
    .then((response) => response.json())
    .then((responseJson) => {
        console.log(responseJson);
    })
    .catch((error) => {
        console.error(error);
    });

Проверка ссылка