如何使环境变量在Grove中可用？

问题描述

我正在使用MarkLogic Grove（React）开发UI应用程序。 我想根据环境在应用程序中使用不同的设置。 为此，我想使用环境变量。

我写如下。

• ui / src / .env

    TEST="test01"

• ui / src / App.js

    const valueFromEnv = process.env.TEST;   
    const App = appProps => (
      <AppContainer
        {...appProps}
        render={props => (
          <div> x{valueFromEnv}y
      …

但是，浏览器未显示“ test01”（仅显示“ xy”。）。 如何使环境变量在grove中可用？

解决方法

您需要为要公开的任何env变量加上REACT_APP_前缀，否则它们将不会在您的前端代码中公开。在此进行详细说明：

https://create-react-app.dev/docs/adding-custom-environment-variables/

HTH！