http-headers - 如何为 NuxtJS 的 SSR 服务器设置自定义响应头？

Question

我需要将这两个自定义响应 header 设置为 enable certain features在我的网站上:

Cross-Origin-Embedder-Policy: require-corp
Cross-Origin-Opener-Policy: same-origin

我如何在 NuxtJS 应用程序中执行此操作？我想为开发服务器和生产服务器都这样做。

Answer 1

感谢 Mani 的分享。我复制了在我的 nuxt 上添加以下响应 header 的想法，并且我测试了我的 docker img local 和 aws ecs 的 dev 和 prod env 都可以工作。

X 框架选项:SAMEORIGIN

X-内容类型选项:nosniff

首先创建一个新的js例如headers.js，我放在服务器中间件下，因为我也有日志文件。

---

标题.js

module.exports = function (req, res, next) {
  res.setHeader('X-Frame-Options', 'SAMEORIGIN')
  res.setHeader('X-Content-Type-Options', 'nosniff')
  next()
}

---

nuxt.config.js

  export default {
    serverMiddleware: [
      '~/server-middleware/headers'
    ]
  }