Heroku在react应用程序中识别gitignored api键时遇到问题

我在让Heroku识别我在React应用程序上忽略的api密钥时遇到问题。

我已创建凭据。js和我的api密钥,并将其导出。

export const API_KEY = 'redacted';

然后我列出了凭据。gitignore中的js。

credentials.js

然后,我将API\U密钥导入到我的项目文件中。

import { API_KEY } from '../credentials.js';

这在开发中工作得很好,但当我推到Heroku时,它无法解析到凭据的路径,并且编译失败,因为它位于gitignored文件中。我也尝试过使用一种新的方法。env文件,但这也不起作用。

我尝试过不导入它,只是在终端中运行Heroku“config set”命令,但没有效果。

$heroku config:set API_KEY=<key>

此外,问题是在索引中导入API\u KEY gitignored变量。html文件。如何在React应用程序中做到这一点,就像使用应用程序一样。rails中的yml文件并使用{ENV[API\u KEY]}引用它?

有没有人有经过测试的解决方案?