0

我不知道如何使用套接字将客户端连接到服务器。

我使用“nuxt”：“^2.14.12”，“socket.io”：“^4.4.1”，“vue-socket.io”：“^3.0.10”，

我的客户端和服务器在端口 4500 上，但服务器以 api 为前缀。服务器在 express 并且有很多 API 路由，当我尝试将 api 密钥传递给套接字时，我得到了没有找到该路由的标准 nuxt 页面。

1：https ://i.stack.imgur.com/GkLsm.png 1

我的前面：

import Vue from "vue";
import VueSocketIO from "vue-socket.io";
import io from "socket.io-client";

const socketInstance = io("http://localhost:4500/", {
  rejectUnauthorized: true,
  path: "/api/",
  reconnection: true,
  reconnectionDelay: 1000,
  reconnectionDelayMax: 5000,
  reconnectionAttempts: 15,
});
export default ({ store }) => {
  Vue.use(
    new VueSocketIO({
      debug: true,
      connection: socketInstance,
      vuex: {
        store,
        actionPrefix: "SOCKET_",
        mutationPrefix: "SOCKET_",
      },
    })
  );
};

我的服务器

const express = require("express");
const app = express();
const http = require("http");
const server = http.createServer(app);
const { Server } = require("socket.io");
const io = new Server(server);
io.on("connection", (socket) => {
  console.log("a user connected");
  socket.on("disconnect", () => {
    console.log("user disconnected");
  });
});

如何连接客户端和服务器？

4

0 回答 0