我无法在 file.js 中访问我的环境变量

Question

我在 .envrc 文件中定义了 REACT_APP_ADMIN_URL，我想将它用作组件链接，但我得到的只是空的或未定义的

这是我的环境变量，在文件 .envrc 中

REACT_APP_ADMIN_URL="http://127.0.0.1:8000/admin"

在我制作的 consts.js 文件中

export const ADMIN_URL = process.env.REACT_APP_ADMIN_URL;

在我的页面上我做了这个

import { ADMIN_URL } from './Consts';

<Menu href={ADMIN_URL}>Admin</Menu>

但不起作用，在我的检查器控制台中我得到了这个

<a href="#" role="menuitem" tabindex="-1">Admin</a>

Answer 1

我认为你必须在运行时从 .env 文件中加载环境变量，你可以使用 dotenv 包来这样做。

1. 使用npm i dotenv安装包
2. 在项目的根目录中创建一个 .env 文件。以 NAME=VALUE 的形式在新行中添加特定于环境的变量。
3. 在您的代码中使用环境变量之前，请将此行 require('dotenv').config()。
4. process.env 现在拥有您在 .env 文件中定义的键和值