Next.js 在NextJs中访问变量

Next.js 在NextJs中访问变量,next.js,Next.js,我想在NEXTjs应用程序中使用变量。为此,我做了: 创建的文件:.env.local包含: DB_HOST=localhost DB_USER=myuser DB_PASS=mypassword如果您想访问客户端和服务器端的环境变量,它们必须以NEXT_PUBLIC作为前缀 NEXT_PUBLIC_DB_HOST=localhost NEXT_PUBLIC_DB_USER=myuser NEXT_PUBLIC_DB_PASS=mypassword 如果您只打算在服务器端使用它们,那么您的示

我想在NEXTjs应用程序中使用变量。为此,我做了:

  • 创建的文件:
    .env.local
    包含:
  • DB_HOST=localhost
    DB_USER=myuser
    
    DB_PASS=mypassword
    如果您想访问客户端和服务器端的环境变量,它们必须以NEXT_PUBLIC作为前缀

    NEXT_PUBLIC_DB_HOST=localhost
    NEXT_PUBLIC_DB_USER=myuser
    NEXT_PUBLIC_DB_PASS=mypassword
    
    如果您只打算在服务器端使用它们,那么您的示例将起作用

    DB_HOST=localhost
    DB_USER=myuser
    DB_PASS=mypassword
    

    如果要访问客户端和服务器端的环境变量,则必须在它们前面加上NEXT_PUBLIC前缀

    NEXT_PUBLIC_DB_HOST=localhost
    NEXT_PUBLIC_DB_USER=myuser
    NEXT_PUBLIC_DB_PASS=mypassword
    
    如果您只打算在服务器端使用它们,那么您的示例将起作用

    DB_HOST=localhost
    DB_USER=myuser
    DB_PASS=mypassword
    

    如果您使用的是高于9.4的nextjs,则可以使用next.config.js

    nextjs文档中的代码片段

    要将环境变量添加到JavaScript包中,请打开next.config.js并添加环境配置:

    module.exports = {
      env: {
        customKey: 'my-value',
      },
    }
    

    如果您使用的是高于9.4的nextjs,则可以使用next.config.js

    nextjs文档中的代码片段

    要将环境变量添加到JavaScript包中,请打开next.config.js并添加环境配置:

    module.exports = {
      env: {
        customKey: 'my-value',
      },
    }
    

    @询问您的评论与此问题或答案无关。请移开it@Asking你的评论与这个问题或答案无关。请把它拿走