Javascript 如何使用客户端的create react app在应用程序中设置环境变量

嘿，我有一个简单的Todo应用程序，客户端安装了

create-react-app

，服务器安装了

node

。我想在我的应用程序中设置

env

变量，但我不知道如何正确设置

我已在应用程序的根目录中设置了我的

.env

文件

在

.env

文件中，只有

REACT\u APP\u主机=http://localhost:3000

我想在

客户机

目录中显示它，如下所示：

const { REACT_APP_HOST } = process.env;
console.log({ REACT_APP_HOST });

上面的代码显示未定义的代码。整个

进程.env

是一个空对象

我已经尝试将

.env

移动到

客户机

目录，它运行良好，但我认为这不是重点

如果我还想在

服务器

端使用

.env

变量，如何正确执行？我是否需要创建两个独立的

.env

文件来为客户端和服务器提供服务，或者

创建react app

是否需要一些额外的配置来为一个

.env

文件提供服务

如果能帮上忙的话，你就有我的。

• 在应用程序的根目录中创建一个

  .env

  文件（与

  src

  的级别相同）：

就是这样，通过使用

REACT\u APP

前缀命名变量，您甚至不需要使用

dotenv.require（）

。现在，

REACT\u APP\u API

可在

process.env.REACT\u APP\u API

您必须创建两个.env文件。一个在客户机中，另一个在服务器中（如果需要）

您不需要为客户端设置任何其他配置。默认情况下，客户端目录support.env（如果使用CreateReact应用程序完成）。您可以通过以下网址获得更多信息：@

如果您需要为服务器使用.env。在服务器文件夹中创建.env。添加dotenv模块。您必须遵循此链接中的说明

---

好的，您必须在项目的根目录中创建一个

.env

文件。它可能与

src

的级别相同

---

请注意这个链接

是的，您需要为您的服务器和已设置的客户端创建.env。my example mern应用程序，该应用程序同时使用服务器和客户端文件夹的.env文件。希望这能有所帮助。感谢您提供清晰的解决方案。它可以工作，但是有没有办法在客户端和服务器之间共享一个

.env

文件？如果可能的话，哪一种更常见？把它放在一个文件里还是分开？嗯。。。我不明白你为什么把

client

目录称为我的应用程序的根目录，而不是

mern-todo-app

目录。

REACT_APP_API = http://XX.XX.XXX.XXX:XXXX