socket.io 将数据从服务器发送到客户端答案

【问题标题】：socket.io send data from server to clientsocket.io 将数据从服务器发送到客户端
【发布时间】：2021-01-26 12:05:27
【问题描述】：

我正在尝试将一些 json 对象从服务器端发送到客户端。

var express = require('express');
var app = express();
var server = app.listen(1337);
var io = require('socket.io').listen(server);

var json = {
  var1: 1,
  var2: 2,
  var3: 3,
};

io.on('connection', function(json) {
  io.send('message', json);
});

app.listen(3000);

在 index.html 上

<!DOCTYPE html>


<html>
<head></head>
<body>

<script src="https://cdn.socket.io/socket.io-1.0.0.js"></script>


<script>
    var socket = io.connect('http://localhost:3000');
  
    socket.on('message', function(data) {
      console.log(data);
    });
</script>


</body>

</html>

我不断收到此错误

在 'http://localhost:3000/socket.io/ 访问 XMLHttpRequest? EIO=2&transport=polling&t=1602487581123-0' from origin 'null' 已被 CORS 策略阻止：否请求的资源上存在“Access-Control-Allow-Origin”标头。

【问题讨论】：

标签： node.js express socket.io

【解决方案1】：

服务器端使用"socket.io": "^2.3.0",，将服务器端代码更改为：

var express = require('express');
var app = express();
var http = require('http').createServer(app);
var io = require('socket.io')(http);

var json = {
  var1: 1,
  var2: 2,
  var3: 3,
};

io.on('connection', function() {
  io.send('message', json);
});

http.listen(3000, () => console.log('HTTP server is listening on port 3000'));

对于 CORS 标头，默认情况下允许任何来源。

我建议您在客户端使用最新版本的socket.io。你可以使用这个CDN。

客户端：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.1/socket.io.js" integrity="sha512-AcZyhRP/tbAEsXCCGlziPun5iFvcSUpEz2jKkx0blkYKbxU81F+iq8FURwPn1sYFeksJ+sDDrI5XujsqSobWdQ==" crossorigin="anonymous"></script>


<script>
    var socket = io.connect('http://localhost:3000');
  
    socket.on('message', function(data, json) {
      console.log(data, json);
    });
</script>
</body>
</html>

为客户端创建 HTTP 服务器：

☁  64313396 [master] ⚡  http-server  -p 3001
Starting up http-server, serving ./public
Available on:
  http://127.0.0.1:3001
  http://172.31.160.227:3001
  http://10.23.128.81:3001

浏览器控制台的输出：

【讨论】：