如何在 Grove 中提供环境变量？

【问题标题】：How do I make environment variables available in Grove?如何在 Grove 中提供环境变量？
【发布时间】：2021-02-05 11:24:30
【问题描述】：

我正在使用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 中提供环境变量？

【问题讨论】：

标签： marklogic marklogic-dhf marklogic-10

【解决方案1】：

您需要在任何要公开的环境变量前加上REACT_APP_，否则它们不会在您的前端代码中公开。这里有更详细的解释：

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

HTH！

【讨论】：

我将环境变量重命名为 REACT_APP_TEST，但并没有解决问题。 MarkLogic Grove 是否需要特殊设置才能使用环境变量？
请记住，您必须使用 process.env.REACT_APP_TEST 访问它。这是常规的 React 应用行为，与 Grove 无关。
哦.. 将 .env 放在更高的一个文件夹可能会有所帮助，不是在 ui/src/ 中，而是在 ui/..