Question

我在使用以下代码连接到套接字io和express服务器时遇到了很多麻烦。我可以在浏览器中连接到网页/ api，但是当我尝试连接index.html的套接字连接时，我得到如下错误

这是我的＆＃39; server.js＆＃39;

var WebSocketServer = require('uws').Server,
    express         = require('express'),
    path            = require('path'),
    app             = express(),
    server          = require('http').createServer(),
    createEngine    = require('node-twig').createEngine;

app.engine('.twig', createEngine({
    root: __dirname + '/public',
}));

app.set('views', './public');
app.set('view engine', 'twig');

var cors = require('cors');
app.use(cors());

app.use(require('./routes'));
app.use(require('./api'));

app.use(express.static(path.join(__dirname, '/public')));

app.use("/admin", express.static(__dirname + '/public'));
app.use("/admin/scss", express.static(__dirname + '/scss'));
app.use("/admin/vendors", express.static(__dirname + '/vendors'));
app.use("/admin/js", express.static(__dirname + '/js'));
app.use("/admin/build", express.static(__dirname + '/build'));

app.use("/scss", express.static(__dirname + '/scss'));
app.use("/vendors", express.static(__dirname + '/vendors'));
app.use("/js", express.static(__dirname + '/js'));
app.use("/build", express.static(__dirname + '/build'));

var wss = new WebSocketServer({server: server});

wss.on('connection', function (ws) {

    ws.on('join', function () {
        console.log('SOMEONE JUST JOINED');
    });

    ws.on('close', function () {
        console.log('stopping client interval');
        clearInterval(id);
    });
});

server.on('request', app);

server.listen(8080, function () {
    console.log('Listening on http://localhost:8080');
});

这是我的index.html文件：

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

<script type="text/javascript">

var so = io.connect('http://192.168.***.***:8080/');

so.on('connect', () => {
    so.emit('join');
});

</scrip>

这是我不断得到的错误：

XMLHttpRequest cannot load http://localhost:8080/socket.io/?EIO=3&transport=polling&t=LfHXP1O. A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credentials flag is true. Origin 'http://192.168.4.149:8080' is therefore not allowed access. The credentials mode of an XMLHttpRequest is controlled by the withCredentials attribute.

有时我会收到此错误：

Failed to load resource: the server responded with a status of 404 (Not Found)

溶液：

<script>
      var host = window.document.location.host.replace(/:.*/, '');
      var server = new WebSocket('ws://' + host + ':8080');
      server.onmessage = function (event) {
        updateStats(JSON.parse(event.data));
      };

      server.onopen = function (event) {};


    </script>

Answer 1

您正在尝试在客户端使用socket.io连接到后端的普通webSocket服务器。你不能这样做。 socket.io是webSocket上的一个层，因此您需要使用普通的webSocket连接到客户端中的普通webSocket服务器或socket.io，以连接到后端的socket.io服务器。

我建议您更改服务器以使用socket.io作为socket.io服务器而不是普通的webSocket服务器。

您获得的错误是因为socket.io客户端希望能够发出socket.io服务器将处理的某个http请求，但由于您没有socket.io服务器，因此该URL请求未在服务器上处理。

尝试连接到socket io / express服务器时出现404错误

1 个答案: