如何在.env 文件中分配變量？

Question

Q1。 我的 ReactJS 應用程序中有一個 .env 文件，如下所示：

API_1_ROOT='http://my-api-1.com'
API_2_ROOT='http://my-api-2.com'

BASE_API=API_1_ROOT   // This doesn't work as expected

我想將這些 api 根之一分配給我的基礎 api 根； 我嘗試在 my.env 文件中執行此操作，但它沒有按預期工作。 如何在 my.env 文件中執行此操作？

Q2。 此外，我無法像這樣從 process.env 中解構多個項目：

const { API_1_ROOT, API_2_ROOT } = process.env;

當我這樣做時，我收到以下錯誤：

Uncaught ReferenceError: process is not defined

我必須這樣做才能獲得兩個變量：

const { API_1_ROOT } = process.env;
const { API_2_ROOT } = process.env;

Answer 1

1. npm install dotenv --save

2. 接下來將以下行添加到您的應用程序中。

   require('dotenv').config()

3. 然后在應用程序的根目錄中創建一個 .env 文件並將變量添加到其中。

---

.env

// contents of .env 

REACT_APP_API_1_ROOT = 'my-secret-api-key'
REACT_APP_API_2_ROOT = 'my-secret-api-key'

---

配置.js

require('dotenv').config()

const config = {
  api1: process.env.REACT_APP_API_1_ROOT,
  api2: process.env.REACT_APP_API_2_ROOT,
}

export default config