Javascript 如何发送像react中的终端一样的请求？

我正在尝试在react应用程序中发送以下请求

curl -H 'Client-ID: p0gch4mp101fy451do9uod1s1x9i4a' \
-X GET 'https://api.twitch.tv/helix/streams?game_id=33214'

我能够将这个字符串放入我的终端并接收响应，但我应该如何在JavaScript或REACT中进行这项工作呢

我已经尝试过使用fetch-in-react，但这只允许我发送一个get请求，并给我一个未经授权访问的响应，因为它只需要一个链接，如果我将整个内容作为字符串发送，它只会给我一个404错误，因为它无法识别

---

在我的终端中，我可以粘贴整个字符串，然后得到一个有效的响应。我如何在JavaScript中复制它或作出反应

Fetch可与任何标准请求方法一起使用，并允许按如下方式设置标题：

const url = 'https://api.twitch.tv/helix/streams?game_id=33214';
const options = {
  method: 'GET',
  headers: {
    'Client-ID': 'p0gch4mp101fy451do9uod1s1x9i4a'
  },
  //body: JSON.stringify({name:'test'}) //example of how to have a body also
};

fetch(url, options)
.then(res=>{
  if(!res.ok)
    throw new Error(res.statusText);
  return res.json();
})
.then(json => console.log(json))
.catch(err => {
  console.error('Request failed', err)
});

有关更多信息，请阅读文档

---

或者选中此项

您可以使用Axios。添加适当的请求头，否则您将继续未经授权。老实说，如果你在CURL命令中添加我看到的标题，Fetch应该可以工作。如果你的应用程序应该在IE中工作，请记住使用polyfill，例如：