我有一个api键,但仍然收到401错误

问题描述

我的网站无法连接到OMDB api。这是一个通过Netlify部署的React应用程序。当我在本地主机3000上运行该应用程序时,它不会出现任何问题。任何帮助,我们将不胜感激。

这是我在App.js中设置我的api密钥的方式:

searchMovies = async (text) => {
    try {
      const API_KEY = process.env.REACT_APP_API_MOVIE_KEY;
      const response = await axios.get(
        `https://www.omdbapi.com/?apikey=${API_KEY}&`,{
          params: { s: text,type: 'movie' },}
      );

.env文件的外观如下:

REACT_APP_API_MOVIE_KEY=*****

这是Netlify上的环境变量的样子:

key: API_KEY value: *****

这是我得到的错误代码

Failed to load resource: www.omdbapi.com/?apikey=undefined&&s=kate&type=movie:1 Failed to load 
the server responded with a status of 401 ()

解决方法

网址中缺少

IMDb ID: 示例http://www.omdbapi.com/?i={imdb id}&apikey = {api键}

,

无法加载资源: www.omdbapi.com/?apikey=undefined&&s=kate&type=movie:1无法加载 服务器响应状态为401()

在此错误中,服务器告诉您api密钥未定义。请登录您的api密钥,然后检查