如何在 Nextjs 生产模式和 Vercel 中使用环境变量？

Question

我在 Nextjs 中尝试了所有使用 env 变量的方法，它们在开发模式下工作，但不在构建模式下，而且在 vercel 上也不起作用。

我有一个带有 api 密钥的文件 .env.local。

WEATHER_KEY:MYAPIKEY

我有一个包含以下代码的文件 next.config.js：

    module.exports = {
  env: {
    WEATHER_KEY: process.env.WEATHER_KEY,
  },
  serverRuntimeConfig: {
    WEATHER_KEY: process.env.WEATHER_KEY,
  },
};

这适用于开发模式，但不适用于生产模式，也不适用于 vercel。没有错误，但它不会检索数据。在 Vercel 的 env UI 中，我使用了与 env 变量相同的名称，但仍然不起作用。