为什么反应看不到.env答案

【问题标题】：Why react doesn't see .env为什么反应看不到.env
【发布时间】：2022-08-10 01:27:15
【问题描述】：

我有.env，其中有REACT_APP_API_URL = http://localhost:5000/。我在这段代码中使用它 sn-p

import axios from \"axios\";

const host = axios.create({
    baseURL: process.env.REACT_APP_API_URL
});

const authHost = axios.create({
    baseURL: process.env.REACT_APP_API_URL
});

当我尝试输出console.log(process.env.REACT_APP_API_URL); 时，值显示为未定义，这是为什么呢？ .env 文件位于所有客户端文件所在的目录中

\'.env 文件位于所有客户端文件所在的目录中\' 它应该是项目的根目录。如果您在运行应用程序后编辑了 .env 文件，那么您必须停止并重新启动，一旦应用程序启动，就会加载 .env 文件
@Andrey Smith，你找到答案了吗？

标签： javascript reactjs

【解决方案1】：

first install dotenv: npm i dotenv
after that import this to file: const dotenv = require("dotenv")
and config dot env: dotenv.config()

【讨论】：

【解决方案2】：

请检查您的.gitignore 文件，有时create-react-app 会将.env 文件添加到.gitignore 条目中。也许这就是原因。

【讨论】：

【解决方案3】：

你试过dotenv package吗？

npm install dotenv

在您的配置文件中添加：

require("dotenv").config();

【讨论】：