状态7:无法使用TMDB API按ID获取电影

Question

我正在尝试使用TMDB API创建一个简单的应用程序。我正在使用Axios发出HTTP请求。

我首先检索了20部最新的电影，到目前为止还不错，设法显示没有问题。

当我试图获取单个电影的详细信息时，问题就开始了。搜索了一些解决方案，但似乎总是出现相同的错误：“状态7:无效的API密钥(或状态401)”。

这是我的Axios配置：

const BASE_URL = 'http://localhost:3000/';

const HEADERS = {
  'Content-Type': 'application/json',
  Accept: 'application/json',
};

const PARAMS = {
  params: {
    api_key: 'xxxxxxxxxxxxxxxxxxxxxxxx',
  }
};

const client = axios.create({
      BASE_URL,
      HEADERS,    
      PARAMS,
    });

在之前的迭代中，我曾尝试在API密钥中包含一个“Authorization”头，但它也有同样的问题。

根据状态码，你可能很快就会认为我的API密钥有问题，但这似乎不是一个问题，获得最新的电影，加上我已经检查了三倍。

编辑:我正在使用ReactJS和Redux，我确信问题不是来自于它们，在开始这个项目之前，我已经使用了与本地服务器基本相同的配置，并且没有API键就没有问题。

Answer 1

解决了问题。问题是CORS问题，我试图在没有CORS头的情况下发出请求。另外，我的Axios配置是错误的。

我解决它的方法是使用CORS Anywhere，以及我的API基础URL：

const BASE_URL = "https://cors-anywhere.herokuapp.com/https://api.themoviedb.org/3";

我看到了添加CORS头的其他方法，包括一个名为CORS的chrome扩展，但这会导致其他问题。所以我猜这是最简单的解决方案。