Извлечение из API в React с ключом в заголовках, возврат 406 не приемлем

Question

Я пытаюсь получить данные из API, используя ключ API, но продолжаю получать 406 Недопустимо.Я могу получить запрос на работу в Почтальоне, но не в коде.Что здесь может быть не так?Я пробовал все возможные способы включения моей информации в заголовки, это только моя последняя попытка.

componentDidMount() {
    fetch("my-api", {
      method: "GET",
      headers: ({
      Accept: "application/json",
      "Content-Type": "application/json",
      "X-Api-Version": 20161108,
      Authorization: {
          Token: "my-api-key",
      }
     }),
      body: JSON.stringify()
    }).then(response => {
      if (response.status === 201) {
        console.log(response)
        return response.json()
      } else {
        console.log("oh no!", response.status === 404)
      }
    })
  }

Answer 1

Я понял это.Это сработало:

componentDidMount() {
        fetch("my api", {
          method: "GET",
          headers: ({
          Accept: "application/vnd.api+json",
          "Content-Type": "application/json",
          "X-Api-Version": 20161108,
          Authorization: "Token my token",
         }),
          body: JSON.stringify()
        }).then(response => {
          if (response.status === 200) {
            console.log(response)
            return response.json()
          } else {
            console.log("oh no!", response.status === 404)
          }
        })
      }