如何在客戶端訪問環境變量（Node.js）

Question

我已經使用dotenv在我的服務器上聲明了一些環境變量，並且我希望能夠在我的客戶端代碼上訪問其中一個

我的 .env 文件設置如下：

NODE_ENV='development'
DEF_USER='admin'

然后我有我的config.js文件，我從我的 env 文件中加載變量：

const dotenv = require('dotenv');
const path = require('path');

dotenv.config({
    path: path.resolve(__dirname, `../environments/${process.env.NODE_ENV.trim()}.env`)
});

module.exports = {
    NODE_ENV: process.env.NODE_ENV || 'development',
    DEF_USER: process.env.DEF_USER || 'admin'
};

如何在我的客戶代碼上訪問我的DEF_USER變量？ 我可以使用process.env.NODE_ENV訪問NODE_ENV ，但使用DEF_USER沒有這樣的運氣。

我應該提到我的服務器和我的客戶端代碼位於不同的目錄中。 另外，我沒有使用create-react-app 。

我也嘗試在我的客戶端安裝webpack ，但它給我帶來了很多錯誤。

Answer 1

“您必須創建以 REACT_APP_ 開頭的自定義環境變量。除了 NODE_ENV 之外的任何其他變量都將被忽略，以避免意外暴露可能具有相同名稱的機器上的私鑰”

這是來自 React 文檔，希望對您有所幫助。 鏈接： https ://create-react-app.dev/docs/adding-custom-environment-variables/