我的 env.local 文件在我的反应应用程序 using mac 中不起作用 - JavaScript

问题描述

当我在我的 Mac 上使用 React 应用程序时，我发现我的 env.local 文件不起作用。我已经在这个文件中设置了我的环境变量，但是我的应用程序似乎无法读取这些变量。

解决方案

首先，确保你的 env.local 文件位于你的应用程序根目录下，并且你的变量名称以 REACT_APP_ 开头。

例如：

REACT_APP_API_KEY=xxxxx
REACT_APP_API_URL=xxxxx

在你的应用程序代码中，你可以使用 process.env 对象来读取这些变量：

const API_KEY = process.env.REACT_APP_API_KEY
const API_URL = process.env.REACT_APP_API_URL

如果这些变量仍然不起作用，请尝试使用 .env.development.local 文件替代 env.local 文件。这是因为在开发模式下，React 应用程序会默认读取 .env.development.local 文件，而不是 env.local 文件。

如果你的应用程序在生产环境中仍然无法读取环境变量，请确保你已经在服务器上设置了这些变量，并且以正确的方式启动了应用程序。

总结

总的来说，要让环境变量在你的 React 应用程序中起作用，你需要将变量名称以 REACT_APP_ 开头，并将它们设置在正确的文件中。如果你在开发模式下仍然无法读取环境变量，请尝试使用 .env.development.local 文件替代 env.local 文件。如果在生产环境中仍然无法读取环境变量，请确保你已经在服务器上设置了这些变量，并以正确的方式启动了应用程序。