Javascript 如何在我的React应用程序中隐藏api密钥并在Github中托管工作版本

如何在React中隐藏Api_密钥，以便安全地将其推送到Github，并且我还希望将其托管在我的Github上，以便其他人可以使用该网站。救命啊

使用.env文件存储api键，并使用.gitignore文件将其从github提交中删除

例如，您有一个名为.env的文件，其中包含以下内容

KEY={INSERTKEYHERE}

.env

然后使用以下内容创建一个.gitignore

KEY={INSERTKEYHERE}

.env

环境变量可以在代码中引用为

{process.env.KEY}

使用.env文件存储api键，并使用.gitignore文件将其从github提交中删除

例如，您有一个名为.env的文件，其中包含以下内容

KEY={INSERTKEYHERE}

.env

然后使用以下内容创建一个.gitignore

KEY={INSERTKEYHERE}

.env

环境变量可以在代码中引用为

{process.env.KEY}

---

谁来帮忙！希望这个世界上的任何人都能看到我的问题你试过github环境变量吗？只要使用秘密，任何人都可以帮助！希望这个世界上的任何人都能看到我的问题你试过github环境变量吗？只是使用秘密，但我也想在Github中托管该网站！因此，如果github中没有Api密钥，我的网站将如何运行work@ADITHYAAJAY在这种情况下，请编辑问题以使其更清楚，就目前而言，读者不会知道您想从Github公共存储库托管它。如果您转到repo的设置>机密，您可以创建一个.env文件，该文件不会公开显示，但如果代码托管在Github上，它将处于运行过程中。但我还想在Github中托管该网站！因此，如果github中没有Api密钥，我的网站将如何运行work@ADITHYAAJAY在这种情况下，请编辑问题以使其更清楚，就目前而言，读者不会知道您想从Github公共存储库托管它。如果您转到repo的设置>机密，您可以创建一个不公开可见的.env文件，但如果代码托管在Github上，则该文件将处于托管过程中。