在nodejs中设置跨域-嵌入器-策略和跨域-开放-策略头部

Question

我一直在开发一个网站，使用express(NodeJS)作为后端，React作为前端。我遇到了一个问题，我的应用程序不能在火狐上工作，因为这个错误是"ReferenceError: SharedArrayBuffer is not defined“。在网上搜索了一下之后，它似乎与CORS有关。我看到Chrome上也有一个关于使用SharedArrayBuffer的警告。

所以我读到我需要在Cross-Origin-Opener-Policy: same-origin Cross-Origin-Embedder-Policy: require-corp中设置这些头文件

但我不确定如何做到这一点。在我的后端，我一直使用cors包来设置我的cors标头和选项

const corsOptions = {
  origin: process.env.CLIENT_URL,
  credentials: true,
  'allowedHeaders': ['sessionId', 'Content-Type'],
  'exposedHeaders': ['sessionId'],
  'methods': 'GET,HEAD,PUT,PATCH,POST,DELETE',
  'preflightContinue': false
}
app.use(cors(corsOptions)); 

我也尝试过使用这种方法，但似乎也不起作用：

app.use((req, res, next) => {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content, Accept, Content-Type, Authorization');
  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, PATCH, OPTIONS');
  res.setHeader('Cross-origin-Embedder-Policy', 'require-corp');
  res.setHeader('Cross-origin-Opener-Policy','same-origin');
  next();
});

我是不是完全遗漏了什么/误解？这是我第一次开发web应用程序，在这一点上我有点迷茫。如有任何帮助，将不胜感激。

谢谢

Answer 1

不知道这是什么原因，但对我来说，使用不同的路线是可行的

使用node / express实现跨域隔离

app.use(function(req, res, next) {
  res.header("Cross-Origin-Embedder-Policy", "require-corp");
  res.header("Cross-Origin-Opener-Policy", "same-origin");
  next();
});


app.get('/', async (req, res) => {
  res.sendFile(path.join(__dirname, 'public/index.html'));
});
// does **not** work, no cors headers in response

app.get('/app', async (req, res) => {
  res.sendFile(path.join(__dirname, 'public/index.html'));
});
// does work, cors headers in response as expected

Answer 2

尝试在自定义中间件中处理options请求

app.use((req, res, next) => {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content, Accept, Content-Type, Authorization');
  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, PATCH, OPTIONS');
  res.setHeader('Cross-origin-Embedder-Policy', 'require-corp');
  res.setHeader('Cross-origin-Opener-Policy','same-origin');

  if (req.method === 'OPTIONS') {
    res.sendStatus(200)
  } else {
    next()
  }
});