如何在反应应用程序和将其托管为静态站点的 express js 服务器之间共享环境变量

Question

我在名为 client/build 的文件夹中的 express 服务器项目下有一个作为静态站点托管的 React 应用程序。我有一些指向 express 服务器的 oauth 重定向 uris 也指向稍后用于令牌检索。我的 react-app 将用户重定向到我的快速服务器环境变量也引用的 oauth 端点。

    ` //express .env :
      process.env.HOST=localhost
      process.env.PORT=port
      process.env.OAUTH2URI=example.com
     `
   ` //react .env :
      process.env.REACT_APP_HOST=localhost
      process.env.REACT_APP_PORT=port
      process.env.REACT_APP_OAUTH2URI=example.com
     `

当我运行我的快递应用程序时，反应应用程序如何引用我的快递服务器应用程序正在使用的同一主机和端口？

我不能在不使用不同名称复制的情况下将 express 应用程序中的公共环境变量引用到 react 应用程序中吗？

Answer 1

所以当我今天考虑将环境变量传递给 React 时，我偶然发现了这个网站https://create-react-app.dev/docs/adding-custom-environment-variables/，它说 React 使用的所有环境变量都有出于安全原因，从 REACT_APP 开始。