问题描述
我的网站无法连接到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密钥,然后检查