http-headers - 如何在 Nuxt 开发服务器中将自定义 http 标头添加到 Nuxt __page__ （不是静态资产！）？

Question

https://github.com/hyperbotauthor/vue-chessground/tree/main/test

我的问题是我必须在我的 Nuxt 页面中添加自定义标题才能SharedArrayBuffer正常工作。

我知道如何将自定义标头添加到从static文件夹和生产服务器提供的资产中：

render: {
    static: {
      setHeaders(res) {
        res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp')
        res.setHeader('Cross-Origin-Opener-Policy', 'same-origin') 
      },
    },
    dist: {
      setHeaders(res) {
        res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp')
        res.setHeader('Cross-Origin-Opener-Policy', 'same-origin') 
      }              
    }
  },

但是在开发服务器中，这些标头不会添加到从文件夹提供的 Nuxt 页面中pages。

如果我在文件夹中手写一个 HTML 页面static，那么SharedArrayBuffer将在该页面上工作。但不在 Nuxt 页面上。

有什么方法可以让 Nuxt 开发服务器向 Vue 渲染页面添加标题？

编辑：

如果我将手写的、iframe从 Vue 页面中分离出来的工作 HTML 中包含在内，那么它将再次无法工作。

编辑：

我在 Nuxt 开了一个问题：

https://github.com/nuxt/nuxt.js/issues

标签： http-headersnuxt.js