小编ahb*_*ork的帖子

如何在 Nuxt 3 中启动 websocket 服务器(socketIO 或其他)?与 Nuxt 2 中的工作方式不同

我正在尝试将我的代码从 Nuxt 2 转换为 Nuxt 3,并且在 Nuxt 3 中创建 websocket 服务器时遇到了问题。

使用以下代码在 Nuxt 2 中运行得非常好:

// Nuxt 2: modules/socket.js
import http from 'http'
import socketIO from 'socket.io'

export default function () {
    this.nuxt.hook('render:before', () => {
        const server = http.createServer(this.nuxt.renderer.app)
        const io = socketIO(server)

        this.nuxt.server.listen = (port, host) => new Promise(resolve => server.listen(port || 3000, host || 'localhost', resolve))
        this.nuxt.hook('close', () => new Promise(server.close))

        io.on('connection', (socket) => {
            console.log("CONNECTED")
        })
    })
}
Run Code Online (Sandbox Code Playgroud)
// Nuxt 2: plugins/socket.client.js
import io from 'socket.io-client' …
Run Code Online (Sandbox Code Playgroud)

javascript sockets websocket socket.io nuxt.js

7
推荐指数
1
解决办法
7123
查看次数

标签 统计

javascript ×1

nuxt.js ×1

socket.io ×1

sockets ×1

websocket ×1