我无法在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文件中定义的键和值