為什么反應看不到.env

Question

我有.env它有REACT_APP_API_URL = http://localhost:5000/ 。 我在這個代碼片段中使用它

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
});

當我嘗試 output console.log(process.env.REACT_APP_API_URL); 然后顯示的值未定義，這是為什么呢？ .env文件位於所有客戶端文件所在的目錄中

Answer 1

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

Answer 2

請檢查您的.gitignore文件，有時create-react-app會將.env文件添加到 .gitignore 條目。 也許這就是原因。

Answer 3

您是否嘗試過dotenv package ？

npm install dotenv

在您的配置文件中添加：

require("dotenv").config();