socket.io：在 Firefox 上阻止跨域请求

Question

我在树莓派上运行 nodejs socket.io 服务器，在 Firefox 上运行 socket.io Web 客户端。

但是 Firefox 一直给我一个跨域请求被阻止（同源策略错误）。

    // nodeJS Server:
    var app = require('express')();
    var cors = require('cors');
    app.use(cors({origin: '*:*'}));
    var server = require('http').Server(app);
    var io = require('socket.io')(server);
    server.listen(3000);

    io.on('connection', function(socket) {
        socket.emit('announcements', { message: 'A new user jas joined!' });
    });
    

    //JS Browser client:
    const socket = io('ws://<INSERT_MY_EXTERNAL_IP>:3000');

    socket.on('connect', () => {
      socket.send('Hello!');
    });

我也试过：io.origins(...), io.set("origin", ...)，但是那些一直说函数 origins 和 set 未定义。

目前不知道该怎么做。

Answer 1

你可以在初始化服务器套接字时传入一个cors prop。

传入一个配置对象，将cors 设置为true，例如。 cors: true 或 cors: { origin: '*' }。

阅读更多关于here的信息。

实际使用中（仅在 LAN 中测试）：

client.js

const socket = io('ws://localhost:3000');
socket.on('testing', res => { console.log(res) });

server.js

const app = require('express')()
const server = require('http').createServer(app)

const opts = { cors: { origin: '*' } }
const io = require('socket.io')(server, opts)

const cors = require('cors')
app.use(cors())

io.on('connection', (socket) => {
  console.log(`Client connected (id=${socket.id})`)

  socket.emit('testing', 123)

  socket.on('disconnect', () => {
    console.log(`Client disconnected (id=${socket.id})`)
  })
});

(
  port => server.listen(
    port, 
    () => console.log(`Express server running on port ${port}`)
  )
)(3000)