Socket.io 无法获取/socket.io/ 404

Question

部署后我真的无法让 socket.io 工作。

后端：

import * as dotenv from "dotenv";
import express from "express";
import mongoose from "mongoose";
import cors from "cors";
import bodyParser from "body-parser";
import { Server } from "socket.io";

dotenv.config();

const app = express();

app.use(bodyParser.json({ limit: "15mb", extended: true }));
app.use(bodyParser.urlencoded({ limit: "15mb", extended: true }));
app.use(cors());

app.get("/", (req, res) => res.send("My app API"));

const PORT = process.env.PORT || 5000;
const SOCKET_IO_PORT = process.env.SOCKET_IO_PORT || 5500;

let server = app.listen(SOCKET_IO_PORT, () => {
  console.log("Socket.io server running on port :" + SOCKET_IO_PORT);
});

const io = new Server(server, {
  cors: { origin: "https://myapp.pages.dev" },
});

mongoose
  .connect(process.env.CONNECTION_URL)
  .then(() =>
    app.listen(PORT, () => console.log(`Server running on port : ${PORT}`))
  )
  .catch((error) => console.log(error.message));

前端：

socket.current = io("https://myapp-api-production.up.railway.app");
    socket.current?.on(
      "getMessage",
      (...) => {
        ...
      }
    );

Browser.network 选项卡：

请求 URL: https://myapp-api-production.up.railway.app/socket.io/?EIO=4&transport=polling&t=OO7eSMV

请求方式：GET

状态码：404

回复：

无法获取/socket.io/

服务器部署日志：

• Socket.io 服务器运行在端口：5698
• 服务器在端口上运行：7777

Answer 1

您正在创建两个单独的 HTTP 服务器（通过调用app.listen()两次）。 看起来您的前端代码是针对 Express 服务器，而不是socket.io服务器。

我的建议是只使用一个 HTTP 服务器监听PORT ：

let server = app.listen(PORT, () => {
  console.log("Server running on port :" + PORT);
});

（并删除 Mongoose then()处理程序中对app.listen()的调用）。