Question

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

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

我能够将这个确切的字符串放入我的终端并接收到响应，但是我到底如何在JavaScript或REACT中做到这一点呢？

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

在我的终端中，我可以粘贴整个字符串并返回有效的响应。如何在JavaScript中复制此内容或做出反应？

Answer 1

提取可与任何标准请求方法一起使用，并允许按以下方式设置标头：

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)
});

有关更多信息，请阅读文档https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API 或检查此https://flaviocopes.com/fetch-api/

如何在终端响应中发送请求？

1 个答案: