Why do I have an error: "Invalid API key: You must be granted a valid key" when trying to make a request in react App?

Question

所以我正在使用来自 TMDB API 的电影 API，我的代码如下所示：

let apikey = '{my_apikey}';
  let url: string = 'https://api.themoviedb.org/3/movie/apikey=';
  url = url + apikey;

  console.log(url);
  (async function () {
      const response = await fetch(url);
      const data = await response.json();
      console.log(data);
  })()

如果我将 url 与我的 API 一起插入，它会很好地显示数据，但是当我从我的应用程序执行此操作时，我会遇到下一个错误：

我不知道可能是什么问题，因为我的 api 密钥没问题，我是从网站上复制的。

Answer 1

根据API documentation。 URL 应该看起来像这样：

https://api.themoviedb.org/3/movie/76341?api_key=<<api_key>>

Why do I have an error: "Invalid API key: You must be granted a valid key" when trying to make a request in react App?

Why do I have an error: "Invalid API key: You must be granted a valid key" when trying to make a request in react App?

http

typescript

reactjs