javascript - YouTube API Fetch 发送响应，但我无法访问项目

Question

关于我遇到的问题的其他问题似乎集中在 key 不正确上，但我想我已经解决了这个问题，现在我被难住了。 。 。是 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，我得到未定义。所以我正在捕获救命稻草，但在故障排除中还看不到清晰的路径。

我忽略了什么？

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