在 npm run build 期间设置 CI=false 后 API 请求不起作用答案

【问题标题】：API Requests not working after setting CI=false during npm run build在 npm run build 期间设置 CI=false 后 API 请求不起作用
【发布时间】：2021-09-09 12:48:44
【问题描述】：

require("dotenv").config();
const API_KEY = process.env.REACT_APP_API_KEY;

const requests = {
    fetchTrending : `/trending/all/week?api_key=${API_KEY}&language=en-US` , 
    fetchNetflixOriginals : `/discover/tv?api_key=${API_KEY}&with_network=213` , 
    fetchTopRated : `/movie/top_rated?api_key=${API_KEY}&language=en-US` , 
    fetchActionMovies : `/discover/movie?api_key=${API_KEY}&with_genres=28` , 
    fetchComedyMovies : `/discover/movie?api_key=${API_KEY}&with_genres=35` , 
    fetchHorrorMovies : `/discover/movie?api_key=${API_KEY}&with_genres=27` ,
    fetchRomanceMovies : `/discover/movie?api_key=${API_KEY}&with_genres=18749` , 
    fetchDocumentaries : `/discover/movie?api_key=${API_KEY}&with_genres=99`
};

export default requests;

这是我用来为不同类型的请求定义基本 URL 的代码。在这里，我将我的 API 密钥隐藏在一个环境变量中，并将 API 密钥存储在我已添加到 .gitignore 的 .env 文件中，当我将项目部署到 Firebase 时它工作正常。但是当我尝试在 Vercel 或 Netlify 上部署它时，它会说构建失败，因为 process.env.CI 设置为 true。 我尝试搜索它并找到了一个设置 CI = false 的解决方案，在我这样做之后，我的项目被部署在 Netlify 和 vercel 上，但由于某种原因我的 API 请求不起作用。 当我加载已部署的站点时，没有显示任何图像，并且我收到 API 请求错误 401。可能的解决方案是什么？**

【问题讨论】：

标签： reactjs api environment-variables api-key