Node.js 环境变量动态获取和静态获取的区别

Node.js 环境变量动态获取和静态获取的区别

Node.js 环境 vs 浏览器环境
  • process.env.SERVICE_PORTAL:

    • 适用环境:Node.js 环境。
    • 用途:访问操作系统的环境变量。
  • import.meta.env.SERVICE_PORTAL:

    • 适用环境:浏览器环境,特别是在使用 Vite 等现代构建工具时。
    • 用途:从构建过程中注入环境变量到浏览器环境中。
构建时注入
  • process.env.SERVICE_PORTAL:

    • 设置方式:环境变量是在运行 Node.js 应用程序之前设置的,通常通过命令行参数或环境配置文件。
    • 动态性:环境变量在运行时动态获取,不能在运行时修改。
  • import.meta.env.SERVICE_PORTAL:

    • 设置方式 :环境变量是在构建过程中从环境文件(如 .env 文件)中注入的。
    • 静态性:在应用程序构建时被静态地注入到代码中,不能在运行时修改。
可静态提取 vs 不可静态提取
  • process.env.SERVICE_PORTAL:

    • 静态性:存储的值是在运行时动态获取的,无法在构建时进行静态分析或提取。
  • import.meta.env.SERVICE_PORTAL:

    • 静态性 :一些构建工具能够静态提取 import.meta.env 中的值,使得它们可以在构建时进行优化或者提取出来。这些值可以在构建期间进行优化和变换。

总结

在 Node.js 环境中,使用 process.env 可以访问操作系统的环境变量,而在浏览器环境中,特别是使用 Vite 等现代构建工具时,可以使用 import.meta.env 来从构建过程中注入环境变量。两者在设置方式、动态性和静态性上都有所不同,需要根据具体环境和需求选择合适的方式来使用环境变量。

相关推荐
觅_29 分钟前
Node.js 的线程模型
node.js
小飞悟4 小时前
浏览器和服务器是怎么“认出你”的?揭秘 Cookie 认证
后端·node.js
关山月4 小时前
什么是 Node.js ABI :它为什么重要
node.js
会飞的鱼先生19 小时前
Node.js-path模块
node.js
企鹅侠客21 小时前
实践篇:14-构建 Node.js 应用程序镜像
docker·node.js·dockerfile
爱分享的程序员1 天前
前端面试专栏-算法篇:18. 查找算法(二分查找、哈希查找)
前端·javascript·node.js
YongGit1 天前
探索 AI + MCP 渲染前端 UI
前端·后端·node.js
ncj3934379061 天前
vscode中对node项目进行断点调试
vscode·node.js
abigale031 天前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
墨菲安全2 天前
NPM组件 betsson 等窃取主机敏感信息
前端·npm·node.js·软件供应链安全·主机信息窃取·npm组件投毒