Next.js 在NextJs中访问变量

我想在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你的评论与这个问题或答案无关。请把它拿走