为什么我的环境变量没有通过创建 React 应用程序获取？

Question

我正在尝试在 WSL 上创建的反应应用程序中使用环境变量。我无法从我的应用程序访问变量。 这是我所做的：

1. 在我的 react 应用的根文件夹（在 Rails 应用的客户端文件夹中）创建一个 .env 文件
2. 创建变量：REACT_APP_API_URL=http://localhost:3000/api/v1/
3. 在我的控制台中记录变量：console.log(process.env.REACT_APP_API_URL)
4. 重新启动服务器

我不断得到一个未定义的变量。

我是否遗漏了与 WSL 相关的任何内容？我有点无能为力，因为我在网上找不到类似的问题。

谢谢！

Answer 1

我认为您的文件位于错误的目录中。请参阅此处：Environment variables are always undefined in VueJs application（您的问题可能重复）。