在项目中隐藏 .env 文件

Posted

技术标签:

【中文标题】在项目中隐藏 .env 文件【英文标题】:hiding .env file within a project 【发布时间】:2021-05-22 02:21:13 【问题描述】:

这是我的文件目录结构

项目

客户 服务器(具有带有凭据的 .env 文件)

当我推送到 github 时,如何在 .env 文件中隐藏凭据?我知道你必须使用 .gitignore 但由于我的 .env 不在根目录中,这将如何工作?

更新

我尝试按照回复所说的做,但 .env 文件仍然没有在我的仓库中消失。

这是 .gitignore 文件的内容:

.env
.idea
**/node_modules
data
yarn.lock

【问题讨论】:

【参考方案1】:

您可以将.env 添加到.gitignore,然后添加git add .gitignore,再添加git commit。这将忽略未来 git 操作中所有子目录中的.env,因此.env 文件根本不会推送到 GitHub。

.gitignore file 指定文件或目录名称的模式,而不是相对于目录树中.gitignore 位置的显式路径。这意味着您不需要单独指定project/client/.env 等。

所以,只需将其添加到您的.gitignore

.env

如果您已经不小心推送了您的 .env 文件并且其中包含敏感凭据,请立即撤销这些凭据并将其视为机器人已经抓取它们,并按照此处的说明进行操作:Removing sensitive data from a repository

附带说明一下,如果您的应用程序需要环境变量才能工作,那么习惯上将它们记录在您的 README 中。我还经常看到一个名为.env.sample 或类似名称的文件,这是每个开发人员自己的.env 文件的样板。该文件通常只包含没有值的键,因此其他开发人员知道他们需要设置哪些变量。

【讨论】:

我编辑了我的帖子,因为它不适合我。希望你能帮忙?非常感谢您的支持 既然您已经提交了.env 文件,请先执行git rm ./**/.env,然后执行git commit,然后按照此处的步骤操作:docs.github.com/en/github/authenticating-to-github/…

以上是关于在项目中隐藏 .env 文件的主要内容,如果未能解决你的问题,请参考以下文章

在 React 中隐藏 API 密钥

create-react-app build 打包隐藏源码

Laradock入门

如何在带有 typescript 项目的 react js 中使用 .env 文件?

在vite里获取env环境变量

vue项目配置env