Node.js 在nextjs/react应用程序中设置X帧选项

我有一个NextJS应用程序，我需要设置x-frame选项，但我不知道怎么做。对于Express，我会使用helmetjs，但我希望避免创建自定义服务器，因为：

在决定使用自定义服务器之前，请记住 仅当Next.js的集成路由器无法满足 您的应用程序要求。自定义服务器将删除重要的 性能优化，如无服务器功能和自动 静态优化

资料来源：

---

显然，使用自定义服务器有一些缺点，Next提供的页面处理程序对我来说很有用。

如果没有自定义服务器，这可以通过在

Next.config.js

中使用来实现

// next.config.js
module.exports = {
    async headers() {
        return [
            {
                source: '/(.*)?', // Matches all pages
                headers: [
                    {
                        key: 'X-Frame-Options',
                        value: 'DENY',
                    }
                ]
            }
        ]
    }
}

---

如果没有自定义服务器，这可以通过在

next.config.js

中使用来实现

// next.config.js
module.exports = {
    async headers() {
        return [
            {
                source: '/(.*)?', // Matches all pages
                headers: [
                    {
                        key: 'X-Frame-Options',
                        value: 'DENY',
                    }
                ]
            }
        ]
    }
}