YouTube API提取发送响应，但我无法访问项目

Question

关于我遇到的问题的其他问题似乎是要拥有一个不正确的钥匙，但我认为我已经涵盖了，现在我很困惑。。。是YouTube API还是fetch()？

的问题

用简化的术语发送：

export function loadVideo() {
  fetch("https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&order=relevance&q=WOODYGUTHRIE&topicId=%2Fm%2F04rlf&type=video&videoCaption=any&key=MYKEY")
    .then(function (response) {
      console.log(queryString);
      console.log(response);
    })
    .catch(err => console.log(err));
  console.log(videoList);
}

只是查看我的日志，查询字符串会加载我想要的json，然后在浏览器中加载，并且记录response本身给了我：

Response {type: "cors", url: "https://www.googleapis.com/youtube/v3/search?part=…n=any&key=MYKEY", redirected: false, status: 200, ok: true, …}
body: (...)
bodyUsed: false
headers: Headers {}
ok: true
redirected: false
status: 200
statusText: ""
type: "cors"
url: "https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&order=relevance&q=WOODYGUTHRIE&topicId=%2Fm%2F04rlf&type=video&videoCaption=any&key=MYKEY"
__proto__: Response

但是无论如何我将其切成薄片，response.items，response.body.items，response.data.items，我得到undefined。所以我抓住了稻草，在我的故障排除中还看不到一条清晰的道路。

我在忽略什么？

Answer 1

您需要使用JSON（）允许JavaScript能够解析它，因此它可能应该是以下内容：

export function loadVideo() {
  fetch("https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&order=relevance&q=WOODYGUTHRIE&topicId=%2Fm%2F04rlf&type=video&videoCaption=any&key=MYKEY")
  .then(response => response.json())
  .then(result => {
    //Do something with the result like
    console.log(result.items)
  });  
}

Answer 2

示例显示响应应具有 videos字段作为列表/数组。您可以检查响应对象是否具有这样的字段？