在hostinger共享托管中添加环境变量

Question

我已经在托管服务器中部署了我的 React Web 应用程序。我构建了我的 React Web 应用程序并将其上传到托管商的 public_html 中，我的网站工作正常。但由于我使用的是 firebase，所以我需要在环境变量中隐藏我的 firebase 配置数据。

如何在 Hostinger 中为 React Web 应用程序设置环境变量？

Answer 1

我创建了一个

config.js

文件，其中导入了所有变量，例如

export const REACT_APP_API_HOST = process.env_REACT_APP_API_HOST ?? "*********";

当我构建应用程序时，我将环境变量放入字符串中，而在推送之前我删除了变量，留下空字符串。

您还可以在每次构建时自动创建 config.js，

这样你就不必担心将你的环境推送到 git 的错误，

PS：一旦我可以创建自动化就会更新它