我無法在 file.js 中訪問我的環境變量

Question

我在 my.envrc 文件中定義了 REACT_APP_ADMIN_URL，我想將它用作組件鏈接，但我得到的只是空的或未定義的

這是我的環境變量，在 file.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 package 來執行此操作。

1. 使用npm i dotenv
2. 在項目的根目錄中創建一個 .env 文件。 以 NAME=VALUE 的形式在新行中添加特定於環境的變量。
3. 在您的代碼上使用環境變量之前，請將此行require('dotenv').config() 。
4. process.env 現在擁有您在 your.env 文件中定義的鍵和值