JavaScript 获取：缺少 RapidAPI 应用程序密钥答案

【问题标题】：JavaScript fetch: missing RapidAPI application keyJavaScript 获取：缺少 RapidAPI 应用程序密钥
【发布时间】：2020-04-14 09:12:20
【问题描述】：

我正在学习如何使用 RapidAPI，但遇到了同样的问题。我正在尝试将 Random Famous 引号与 JavaScript 提取一起使用。我复制这段代码：

async componentDidMount() {
    await fetch("https://andruxnet-random-famous-quotes.p.rapidapi.com/?count=10&cat=movies", {
        "method": "POST",
        "headers": {
            "x-rapidapi-host": "andruxnet-random-famous-quotes.p.rapidapi.com",
            "x-rapidapi-key": "5d4682bb48msh8e662b997230c75p180ff3jsne9e95966eb37",
            "content-type": "application/x-www-form-urlencoded"
        },
        "body": {}
    })
    .then(response => {
        console.log(response);
    })
    .catch(err => {
        console.log(err);
    });

在控制台中这是响应：

body: ReadableStream { locked: false }

bodyUsed: false

headers: Headers {  }

ok: true

redirected: false

status: 200

statusText: "OK"

type: "cors"

url: "https://andruxnet-random-famous-quotes.p.rapidapi.com/?count=10&cat=movies"

url 导致错误：“message”：“缺少 RapidAPI 应用程序密钥。转到https://docs.rapidapi.com/docs/keys 了解如何获取您的 API 应用程序密钥。”

似乎缺少 api 密钥，但据我了解，它是在 fetch 标头中提供的。这是语法错误还是我缺少的其他东西？提前致谢。

【问题讨论】：

你看过那个回复的正文了吗？使用这些凭据对我来说很好（你现在应该轮换......）而且请求看起来很奇怪，它不应该只是一个 GET（这对我来说也很好）吗？
我正在浏览回复的正文，但仍然无法找到这些引用。至于 GET 和 POST，我仍然在努力理解两者之间的区别，所以也许我应该使用 GET 而不是 POST，这就是问题所在？
不，正如我所说，这两种方法都适用于 Postman。那些引号是在正文中。阅读获取文档（例如developer.mozilla.org/en-US/docs/Web/API/Fetch_API）以了解如何解析和访问该 JSON。

标签： fetch rapidapi

【解决方案1】：

这段代码对我来说很好用。

fetch("https://andruxnet-random-famous-quotes.p.rapidapi.com/?cat=movies&count=10", {
    "method": "POST",
    "headers": {
        "x-rapidapi-host": "andruxnet-random-famous-quotes.p.rapidapi.com",
        "x-rapidapi-key": "fdb84465dfmsh5c2245c197e72f7p1cf738jsnabb992bd3635"
    }
})
.then(response => {
    console.log(response);
})
.catch(err => {
    console.error(err);
});

如果它仍然不起作用并且错误仍然存在，我建议您轮换您的 API 密钥或在 RapidAPI Developer Dashboard 上为您生成一个新的 API 密钥，因为您在问题中公开了您的 API 密钥。

【讨论】：