1

我刚刚开始学习如何使用 API。对于我的第一个项目，我决定使用 RapidAPI 市场，但我遇到了一个问题。我尝试在邮递员中测试 API，但它说由于某种原因我有一个无效的 API 密钥，尽管我很确定我没有。在 chrome 控制台上，它给了我如图所示的错误：

在此处输入图像描述

它基本上说服务器以状态 404 的错误响应。我还有一个配置文件来存储 api 密钥。它基本上看起来像这样：

const API_KEY = "randomlettersandnumbers";

export {API_KEY};

我在 VSCode 上使用 LiveServer 扩展。这是我的文件夹在 VSCode 上的样子：

在此处输入图像描述

我的其余代码如下所示：

import {API_KEY} from './config';

fetch("https://community-open-weather-map.p.rapidapi.com/weather?q=London%2Cuk&lat=0&lon=0&callback=test&id=2172797&lang=null&units=%22metric%22%20or%20%22imperial%22&mode=xml%2C%20html", {
    "method": "GET",
    "headers": {
        "x-rapidapi-key": API_KEY,
        "x-rapidapi-host": "community-open-weather-map.p.rapidapi.com"
    }
})
.then(response =>response.json())
.then(response => {
    console.log(response);
    console.log(response.content);
})
.catch(err => {
    console.error(err);
});

<!doctype html>
<html lang="en">
  <head>
    <title>API Example</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  </head>
  <body>
      This better work!
    <script src = "js/main.js" type = "module"></script>
  </body>
</html>
4

1 回答 1

0

X-RapidAPI-Key是您的 API 密钥，用于验证您的请求。这是 RapidAPI 提供的唯一且唯一的 API 密钥。如果您在浏览器中生成代码片段，您的 API 密钥将自动出现在生成的代码中。您还可以在开发人员仪表板上的应用程序的安全页面上找到 API 密钥。

几个步骤可以帮助你：

  • 尝试使用该.env文件。
  • 尝试将 config.js 文件修改为此var config = { API_KEY : '1234' }，然后在您的 javascript 下方但在您自己的脚本文件链接上方的脚本链接到该文件。然后像这样使用您的 API 密钥：let key = config.API_KEY;
  • 尝试旋转 RapidAPI 密钥 ( https://docs.rapidapi.com/docs/keys )
于 2021-08-16T11:58:39.490 回答