next.js - Nextjs 中的 publicRuntimeConfig 无法在客户端工作

Question

在我的 next.config.js 中，我有以下配置:

    module.exports = {
      publicRuntimeConfig: {
        // Will be available on both server and client
        GRAPHQL_URL: process.env.API_URL,
      },
     }

我的脚本如下所示:

"build": "next build",
"start": "API_URL=some-url next start",

现在，在我的代码中运行 npm run start 并使用 { publicRuntimeConfig } = getConfig() 后

publicRuntimeConfig 在服务器端包含 GRAPHQL_URL，但在客户端它是一个空对象。

Answer 1

您是否使用getInitialProps？除非您使用 getInitialProps，否则 publicRuntimeConfig 将不可用:

A page that relies on publicRuntimeConfig must use getInitialProps toopt-out of Automatic Static Optimization. Runtime configuration won'tbe available to any page (or component in a page) withoutgetInitialProps.