如何使用设置标头以使用 express/node 启用 SharedArrayBuffer

Question

你好，所以我有 express 节点 我正在尝试传递以下标头以便我能够使用 SharedArrayBuffers 但是 header 似乎没有在这里设置是我要按下的代码：

服务器：

import * as http from 'http';
import * as socket_io from 'socket.io';
import express from 'express';
import morgan from 'morgan';
import cors from 'cors';
import { world_server } from './src/world-server.mjs';

function Main() {
  const port = process.env.PORT || 8080;

  // init express
  const app = express();
  app.use(morgan('dev'));
  app.use(express.static('../client'));


// https://stackoverflow.com/questions/44145619/nodejs-express-cors-issue-with-access-control-allow-origin
 

  // socket
  const server = http.createServer(app);
  const io = new socket_io.Server(server, {
    cors: {
      origin: 'http://localhost:8080'
    }

  });

 app.use(cors({ origin: 'http://localhost:8080'}));

app.use(function(_req, _res, next) {
  
_res.set("Cross-Origin-Opener-Policy-Report-Only", "same-origin");
_res.set("Cross-Origin-Embedder-Policy-Report-Only", "require-corp");
  _res.header("Cross-Origin-Opener-Policy-Report-Only", "same-origin");
  _res.header("Cross-Origin-Embedder-Policy-Report-Only", "require-corp");

  next();
});


 app.all('/*', function(_req, _res, next) {
_res.set("Cross-Origin-Opener-Policy-Report-Only", "same-origin");
_res.set("Cross-Origin-Embedder-Policy-Report-Only", "require-corp");
  _res.header("Cross-Origin-Opener-Policy-Report-Only", "same-origin");
  _res.header("Cross-Origin-Embedder-Policy-Report-Only", "require-corp");
  next();
});


  server.listen(port, () => {
    console.log('listening on: *', port);
  });

  const _WORLD = new world_server.WorldServer(io);
  _WORLD.Run();
}

Main();

对于客户，我有：

  this.socket_ = io('http://localhost:8080', {
          reconnection: true,
         // transports: ['websocket'],
          timeout: 10000,
      });

我正在控制台记录 crossOriginIsolated 并且它一直返回 false 我也可以通过查看开发工具中的响应标头看到它不起作用。 显然上面应该工作但它没有所以我在这里问过，有什么想法吗？

Answer 1

尽管评论中的人现在明白了，但我在帮助下解决了这个问题（见评论行）：

import * as http from 'http';
import * as socket_io from 'socket.io';
import cors from 'cors';
import * as path from 'path';
import express from 'express';
import morgan from 'morgan';
// @Evie.Codes Discord
import * as url from 'url';
    
import {world_server} from './src/world-server.mjs';


function Main() {

// @Evie.Codes Discord
 const __filename = url.fileURLToPath(import.meta.url);
  const port = process.env.PORT || 8080;
  const app = express();
  app.use(morgan('dev'));
 
// @Evie.Codes Discord
app.get("/", (req, res) => {
  const options = {
    root: path.join(__filename, '../../client/'),
    headers: {
      'Cross-Origin-Opener-Policy-Report-Only': "same-origin",
      'Cross-Origin-Embedder-Policy-Report-Only':"require-corp"
    }
  }
  res.sendFile('index.html', options);
});

app.use(express.static('../client'));

  const server = http.createServer(app);
  const io = new socket_io.Server(server, {
      cors: {
          origin: 'http://localhost:8080'
      }
  });



  
app.use(cors({ origin: 'http://localhost:8080'}));

  server.listen(port, () => {
    console.log('listening on: *', port);
  });

  const _WORLD = new world_server.WorldServer(io);
  _WORLD.Run();
}


Main();

这个问题是类型的，还有 dirname 和 ESM 希望这可以帮助任何人