套接字 io v3 连接已被 CORS 策略阻止

Question

使用 Socketio v3 时出现 cors 错误 该应用程序在由 Nodejs 支持的 React 上

服务器端代码：

var server = http.createServer(app);
var port = process.env.PORT || '3000'
const io = require("socket.io")(server,{
cors: {
  origin: "*:*",
  methods: ["PUT", "GET", "POST", "DELETE", "OPTIONS"],
  allowedHeaders:["secretHeader"],
  credentials: true
}
})

客户端连接代码：

const SOCKET_URL = "https://fakeurl.org";
socket.current = io(`${SOCKET_URL}`,{
      secretHeader:{
        "Access-Control-Allow-Headers": "*"
      }
    });

我收到以下错误：

访问 XMLHttpRequest 在 'https://fakeurl.org/socket.io/?EIO=4&transport=polling&t=NOdqBkN' 来自原产地“http://localhost:3000”已被 CORS 政策阻止： 请求中不存在“Access-Control-Allow-Origin”标头 资源。

Answer 1

请参阅Socket.io Handling CORS。

// server-side
const io = require("socket.io")(server,{
cors: {
  origin: "*",
  methods: ["PUT", "GET", "POST", "DELETE", "OPTIONS"],
  allowedHeaders:["secretHeader"],
  credentials: true
}
})

// client-side
const SOCKET_URL = "https://fakeurl.org";
socket.current = io(`${SOCKET_URL}`,{
      withCredentials: true,
      extraHeaders: {
          "secretHeader": "secret value"
      }
    });