next.js 因其对环境变量的处理而受到臭名昭著的批评。虽然多年来它已经得到了改进，但它仍然存在一些可能令人困惑的怪癖，特别是当涉及到通过 process.env 对象公开的公共变量时。

所有 next_public_ 前缀的变量都是客户端可访问的，但正如官方文档中提到的，它们仅在构建时可用，因此与 docker 一起使用时无法在运行时更改。

虽然我过去已经讨论过这个问题，但我发现了另一种可能有趣的探索方法，即使用可以在运行时更改的全局共享变量。

设置 polyfill

next.js 部分支持全局变量，但我们可以通过一个小的注入脚本使用 polyfill 来使它们可用。

// app/layout.tsx
<script
  dangerouslysetinnerhtml={{
    __html: `!function(t){function e(){var e=this||self;e.globalthis=e,delete t.prototype._t_}"object"!=typeof globalthis&&(this?e():(t.defineproperty(t.prototype,"_t_",{configurable:!0,get:e}),_t_))}(object);`,
  }}
/>