- 配置参考 Configuration
- 入门指南
- 介绍 Introduction
- 安装 Installation
- 配置 Configuration
- 视图 Views
- 资产 Assets
- 路由 Routing
- SEO and Meta
- 过渡 Transitions
- 数据获取 Data Fetching
- 状态管理 State Management
- 错误处理 Error handling
- 层结构 Layers
- 部署 Deployment
- 测试 Testing
- 升级指南 Upgrade Guide
- 核心概念
- 自动导入 Auto imports
- Vue.Js Vue.js Development
- 渲染模式 Rendering Modes
- 服务端引擎 Server Engine
- 模块化 Modules
- ES模块 ES Modules
- TypeScript TypeScript
- 目录结构
- 可组合项
- 组件
- 工具库
- fetch
- abortNavigation
- addRouteMiddleware
- clearError
- clearNuxtData
- createError
- defineNuxtComponent
- defineNuxtRouteMiddleware
- definePageMeta
- navigateTo
- onBeforeRouteLeave
- onBeforeRouteUpdate
- onNuxtReady
- prefetchComponents
- preloadComponents
- preloadRouteComponents
- refreshNuxtData
- reloadNuxtApp
- setPageLayout
- setResponseStatus
- showError
- updateAppConfig
- CLI 命令
- 进阶
- 深入探究
- 迁移指南
- .env
Nuxt CLI 在开发模式和运行 nuxi build
和 nuxi generate
时内置 dotenv 支持。
除了任何进程环境变量,如果你的项目根目录中有一个 .env 文件,它会自动加载在构建、开发和生成时,并且在那里设置的任何环境变量都可以访问 在你的 nuxt.config
文件和模块中。
如果你想使用不同的文件 例如,使用 .env.local
或 .env.production
你可以通过在使用 nuxi 时传递 --dotenv
标志来实现。
例如:
bashnpx nuxi dev --dotenv .env.local
就像上面一样,这仅适用于开发模式以及运行 nuxi build
和 nuxi generate
时。
在开发模式下更新 .env 时,Nuxt 实例会自动重启以将新值应用于 process.env。
请注意,从 .env 中删除变量或完全删除 .env 文件不会取消已设置的值。
但是,在构建服务器之后,您需要在运行服务器时负责设置环境变量。
此时不会读取您的 .env 文件, 每种环境的执行方式都不同。
在 Linux 服务器上,您可以使用终端DATABASE_HOST=mydatabaseconnectionstring node .output/server/index.mjs
将环境变量作为参数传递。
或者您可以使用 source .env && node .output/server/index.mjs
获取您的 env
文件。
请注意,对于纯静态站点,无法在预呈现项目后设置运行时配置。
相关阅读:going-further > runtime-config如果你想使用在构建时设置的环境变量,但不关心在线更新这些变量(或者只需要在你的应用程序中响应地更新它们)那么 appConfig 可能是更好的选择。 您可以在 nuxt.config
(使用环境变量)和项目的 ~/app.config.ts
文件中定义 appConfig
。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论