.env
.env 文件用于指定构建/开发时的环境变量。
此文件应添加到你的
.gitignore
文件中,以避免将敏感信息推送到你的仓库。开发、构建和生成时
Nuxt CLI 在开发模式以及运行 nuxi build
和 nuxi generate
时内置了对 dotenv 的支持。
除了任何进程环境变量外,如果你的项目根目录中有一个 .env
文件,它将在开发、构建和生成时自动加载。文件中设置的任何环境变量都可以在你的 nuxt.config
文件和模块中访问。
.env
MY_ENV_VARIABLE=hello
请注意,从
.env
中移除变量或完全删除 .env
文件不会取消已设置的值。自定义文件
如果你想使用其他文件,例如 .env.local
或 .env.production
,可以通过在运行 nuxi
时传递 --dotenv
标志来实现。
Terminal
npx nuxi dev --dotenv .env.local
在开发模式下更新 .env
文件时,Nuxt 实例会自动重启以应用新的 process.env
值。
在你的应用代码中,应使用运行时配置而不是直接使用环境变量。
生产环境
在服务器构建完成后,你需要在运行服务器时自行设置环境变量。
此时不会读取你的 .env
文件。具体设置方式因部署环境而异。
这一设计决定是为了确保在各种部署环境中的兼容性,有些环境(如无服务器平台或 Cloudflare Workers 等边缘网络)可能没有传统文件系统。
由于生产环境中不使用 .env
文件,你必须使用托管环境提供的工具和方法显式设置环境变量。以下是一些常见方法:
- 你可以通过终端将环境变量作为参数传递:
$ DATABASE_HOST=mydatabaseconnectionstring node .output/server/index.mjs
- 你可以在
.bashrc
或.profile
等 shell 配置文件中设置环境变量。 - 许多云服务提供商,如 Vercel、Netlify 和 AWS,提供了通过其仪表板、CLI 工具或配置文件设置环境变量的界面。
生产环境预览
为了本地生产环境预览,我们建议使用 nuxi preview
,因为此命令会将 .env
文件加载到 process.env
中以方便使用。请注意,此命令需要在包目录中安装依赖。
或者,你可以通过终端将环境变量作为参数传递。例如,在 Linux 或 macOS 上:
Terminal
DATABASE_HOST=mydatabaseconnectionstring node .output/server/index.mjs
对于纯静态站点,无法在项目预渲染后设置运行时配置。