跳到主要内容

环境变量

Next.js 内置了对从 .env.local 环境变量的支持。

.env.local
TWITTER_USER=nextjs
TWITTER_URL=https://twitter.com/$TWITTER_USER

区分生产环境与开发环境​

Next.js允许您在 .env.development(开发环境) 和 .env.production(生产环境)中设置默认值。

注意

需要注意的是： .env、 .env.development 和 .env.production 应该包含在您的存储库中，因为它们一般定义的是默认值。 .env*.local 则应添加到 .gitignore 中，因为 .env.local 一般用来存储敏感信息。

浏览器环境​

如果你需要访问浏览器环境中的变量，请使用 NEXT_PUBLIC_ 前缀。 非 NEXT_PUBLIC_ 环境变量仅在Node.js环境中可用，这意味着浏览器无法访问它们。

.env
NEXT_PUBLIC_ANALYTICS_ID=abcdefghijk

然后，你可以在客户端代码中使用它们。

import setupAnalyticsService from '../lib/my-analytics-service'
 
setupAnalyticsService(process.env.NEXT_PUBLIC_ANALYTICS_ID)
 
function HomePage() {
    return <h1>Hello World</h1>
}

export default HomePage