javascript - 如何在不使用自定义服务器的情况下在 Next.js 中设置自定义 HTTP 响应 header ？

Question

我正在开发一个 Next.js 应用程序，我想为所有页面添加一个自定义 HTTP 响应 header (我不需要每个页面都可以配置它)。

现在我想知道如何做到这一点，而不必设置自定义服务器。这甚至可能吗？如果是这样，怎么做？

Answer 1

对于 Next.js 版本 9.5 及之后，您可以在 next.config.js 中定义自定义标题。文件。
以下配置将自定义 header 应用于所有静态和服务器呈现的页面。

module.exports = {
  async headers() {
    return [
      { 
        source: '/:path*{/}?',
        headers: [
          {
            key: 'x-custom-header',
            value: 'my custom header value for all pages',
          },
        ],
      },
    ]
  },
}

See next.config.js Headers
目前匹配所有页面有点不直观。如上例所示，它需要语法 '/:path*{/}?' .目前在 GitHub Issue #14930 中进行跟踪.