javascript - 调用服务器时找不到 socket.io

Question

我正在尝试连接 Angular 和 Nodejs 服务器上的 socket.io在 Angular 中我声明了一个新的套接字并连接它

import * as io from 'socket.io-client';
...
@component
...
const socket = io.connect('http://localhost:3000');

在后端:server.js

const express = require('express');
const app = express();
var http = require('http').Server(app);
var io = require('socket.io')(http);
io.set('origins', 'http://localhost:4200');

var routes = require('./routes/routes')(io);

app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
app.use(function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "http://localhost:4200");
    res.header("Access-Control-Allow-Methods", "GET, POST, PUT ,DELETE");
    res.header('Access-Control-Allow-Credentials', true);

    res.header(
        "Access-Control-Allow-Headers",
        "Origin, X-Requested-With, Content-Type, Accept"
    );
    next();
});
io.on('connection', function (socket) {
    socket.emit('news', { hello: 'world' });
    console.log("connectd");
});
app.use('/', routes);
var server = app.listen(3000, function (io) {
})

应用程序正在编译并从服务器获取数据。但只有 socket.io 不工作我收到此错误:

GET http://localhost:3000/socket.io/?EIO=3&transport=polling&t=MEpN9Qy 404 (Not Found)

Answer 1

socket.io 附加到 http:

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

所以你必须使用:

http.listen(3000) 

代替

app.listen(3000) // This will only start an express server

您的套接字服务器永远不会启动，这就是您收到 404 的原因，因为只有 express 正在运行。