环境变量测试

🔍 测试说明

• 服务端组件可以访问所有环境变量
• 客户端组件只能访问 NEXT_PUBLIC_ 开头的环境变量
• 查看终端查看服务端日志
• 查看浏览器控制台查看客户端日志

📦 服务端环境变量（仅服务端可见）

DATABASE_URL:

未配置

API_SECRET_KEY:

未配置

INTERNAL_API_URL:

未配置

NODE_ENV:

production

⚠️ 这些环境变量不会暴露给浏览器，适合存储敏感信息

🌐 公共环境变量（客户端可见）

NEXT_PUBLIC_API_URL:

未配置

NEXT_PUBLIC_APP_NAME:

未配置

NEXT_PUBLIC_ENVIRONMENT:

未配置

✅ 这些环境变量会在构建时内联到 JavaScript bundle 中

💻 客户端组件测试

点击下方链接查看客户端组件如何访问环境变量：

查看客户端组件测试

🔌 API 路由测试

API 路由运行在服务端，可以访问所有环境变量

测试 API 路由（新标签页打开）

⚠️ 重要注意事项

1. 构建时内联：NEXT_PUBLIC_ 开头的变量会在 next build 时内联到 JavaScript 中
2. 敏感信息：永远不要使用 NEXT_PUBLIC_ 前缀存储敏感信息（API密钥、密码等）
3. 修改后重启：修改 .env 文件后需要重启开发服务器
4. 不要提交到 Git：.env.local 文件不应该提交到版本控制
5. 加载顺序：.env.local → .env.[mode].local → .env.[mode] → .env