将 Next.js 环境变量暴露给 PWA 的 API 平台

Question

根据Next.js的官方文档，为expose an environment variable is necessary to use NEXT_PUBLIC_ prefix, but the admin uses process.env.REACT_APP_API_ENTRYPOINT。

在我的例子中，要访问 REACT_APP_API_ENTRYPOINT 环境变量，我需要替换为 process.env.NEXT_PUBLIC_REACT_APP_API_ENTRYPOINT。只有这个 pwa 才能访问到值。

这是正确的还是我在更改此值时犯了错误？

Answer 1

你说对了一部分，接下来会自动NEXT_PUBLIC_公开env变量，如果你的应用希望得到REACT_APP_API_ENTRYPOINT，没有重命名变量的重点，因为您的应用不会使用它。

如果我对你的场景的理解正确，你需要公开 REACT_APP_API_ENTRYPOINT，因为 next 不会自动执行，你需要在你的 next.config.js 文件中手动指定。

//next.config.js
module.exports = {
  ...
  env: {
    REACT_APP_API_ENTRYPOINT: process.env.REACT_APP_API_ENTRYPOINT, // assumes that your variable is defined
  }
  ...
}