为什么我的 api 请求返回一个空对象？

Question

所以我在我的应用程序中使用了 Google Books API，并且我发出一个请求在控制台中显示数据，但由于某种原因它返回一个空对象，而不是书籍数组。

Javascript代码：

const API_KEY = 'key=<API-KEY>';
const BASE_URL = 'https://www.googleapis.com/books/v1/';
const API_URL = BASE_URL + 'volumes?q=subject:fiction' + API_KEY;

getBooks(API_URL);

function getBooks(url){
    fetch(url).then(res => res.json()).then(data =>{
        console.log(data);
    })
}

浏览器中的控制台：

编辑：所以我在 url 中添加了 '&' 并且它改变了，但现在它给出了 403 错误：

{
  "error": {
    "code": 403,
    "message": "Requests from this Android client application \u003cempty\u003e are blocked.",
    "errors": [
      {
        "message": "Requests from this Android client application \u003cempty\u003e are blocked.",
        "domain": "global",
        "reason": "forbidden"
      }
    ],
    "status": "PERMISSION_DENIED"
  }
}

也许我拿错了钥匙？ 我是从 Google Books 凭据中获得的，所以我认为它应该有效。

Answer 1

您忘记了查询参数之间的&符号，因此您需要更改

const API_URL = BASE_URL + 'volumes?q=subject:fiction' + API_KEY;

到

const API_URL = BASE_URL + 'volumes?q=subject:fiction&' + API_KEY;

并且还撤销这个 API Key

Answer 2

您将密钥作为 q 值的一部分发送，因为您忘记了“&”。

const API_URL = BASE_URL + 'volumes?q=subject:fiction&' + API_KEY;