对 RAPID API 的 API 请求给出 StatusCode：401，答案

【问题标题】：API Request to RAPID API gives StatusCode: 401,对 RAPID API 的 API 请求给出 StatusCode：401，
【发布时间】：2021-11-23 18:57:27
【问题描述】：

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';

const cryptoApiHeaders = {
  'x-rapidapi-key': 'coinranking1.p.rapidapi.com',
  'x-rapidapi-host': '935af67341msh072d3f07b71a1f8p1cb0b5jsn44961d90a001',
};

const baseUrl = 'https://coinranking1.p.rapidapi.com';

const createRequest = (url) => ({ url, headers: cryptoApiHeaders });

export const cryptoApi = createApi({
  reducerPath: 'cryptoApi',
  baseQuery: fetchBaseQuery({ baseUrl }),
  endpoints: (builder) => ({
    getCryptos: builder.query({
      query: () => createRequest('/coins'),
    }),
  }),
});

export const { useGetCryptosQuery } = cryptoApi;

** 我尝试从 RapidApi 连接 api，但我不断收到未经授权的 401。我自己想不通：3请有人帮助我 **

【问题讨论】：

标签： reactjs api redux store rapidapi

【解决方案1】：

你的标题应该是这样的

const cryptoApiHeaders = {
  'x-rapidapi-host': 'coinranking1.p.rapidapi.com',
  'x-rapidapi-key': '935af67341msh072d3f07b71a1f8p1cb0b5jsn44961d90a001',
};

【讨论】：

非常感谢@SoGoddamnUgly，你是一个美丽的人
请将我的评论标记为已接受的解决方案，谢谢！

【解决方案2】：

只需传递 API 密钥并以另一种方式托管。像这样

'x-rapidapi-key': '935af67341msh072d3f07b71a1f8p1cb0b5jsn44961d90a001',
'x-rapidapi-host': 'coinranking1.p.rapidapi.com',

附： API 密钥是可能被滥用的敏感凭证。您刚刚公开了您的 API 密钥。我建议您删除此 API 密钥并在 RapidAPI 的 Developer Dashboard 为您生成一个新密钥

【讨论】：