socket.io连接在生产环境中失败，在本地主机中工作

Question

我在服务器中有这个.js

//socket io config
const server = require('http').createServer(app)
const io = require('socket.io')(server)
io.on('connection', function (socket) {
  socket.on('SOCKET_COMMENT_RECEIVED', ({ notification }) => {
    io.emit(`SOCKET_COMMENT_RECEIVED`, notification)
  })
  //and many more
})

在我的客户中(反应)

import io from 'socket.io-client'
const socket = io('localhost:3001') // working in localhost

在我的督促下，我做了这项检查

let socket = io('localhost:3001')
if(process.env.NODE_ENV === 'production') { socket = 
  io('https://api.example.com:3001') 
}

为什么会这样呢？我不认为这是cors的问题，因为我已经做了

app.use(cors({
  origin: true,
  credentials: true
}))

我的package.json

"socket.io": "^2.1.1",
"socket.io-client": "^2.1.1",

Answer 1

在您的服务器代码中，请添加以下行

io.set('origins', '*:*');

所以你的代码将是

  //socket io config
  const server = require('http').createServer(app)
  const io = require('socket.io')(server)
  io.set('origins', '*:*');
  io.on('connection', function (socket) {
    socket.on('SOCKET_COMMENT_RECEIVED', ({ notification }) => {
      io.emit(`SOCKET_COMMENT_RECEIVED`, notification)
    })
    //and many more
  })

如需更多帮助，请遵循本教程

源代码可以在这里找到。

希望这能帮助你！！