如何使用vuex和socketio制作实时任务?

我想使用vuex,node,express和socketio执行实时操作,但是使用以下语法我无法得到结果。

服务器

index.js

terminal

socket.js

const server = app.listen('3000',() => {
    console.log('<--- Web Server Starter --->')
    const io = require('./sockets')(server)
    io.on('connection',socket=>{
        console.log('client connected');
    })
})

user.js

    let io
    module.exports = {
        init:httpServer =>{
            io = require('socket.io')(httpServer)
            return io
        },getIo:()=>{ 
            if(!io){
                throw new Error('socket io not initialized')
            }
            return io
        }
    }

客户

模块化user.js(VUEX操作)

const io = require('../socket')
router.post('/newuser',(req,res) => {
    res.json({ serverResponse: 'userCreated' })
    io.getIo().emit('newuser',{serverResponse:'created',user:user})
})

创建新用户时,用户列表不会自动更新,但是我必须刷新页面才能看到新用户,为什么会发生这种情况?

chen870909 回答:如何使用vuex和socketio制作实时任务?

这是因为在您的后端中,您正在处理URL端点(iSteamId >> 1) & 0x7fffffff以获取数据。您实际上并没有使用socketio发布数据,因此,如果不更新页面,则在刷新要发布的API之前,您的iSteamId >> 56函数将不会有任何新数据。最好将套接字客户端代码放在axios承诺之外,这样数据主要是通过socketio而不是通过API在客户端上更新的。

编辑: 这是您的客户端中的代码

'/newuser'

您对诺言的.catch部分有问题,因为它位于.then部分内,而且我还将套接字代码移到了诺言之外。

,

因此,在服务器上发布到/ newuser时。您从套接字发送发射 在您的客户端上,您不需要使用axios来检查是否已触发某些套接字事件,请尝试删除axios.get()并保留

[thumbnail] thumbnail failed on vserver247.axc.nl: error 126 "sh: /usr/local/bin/: Is a directory" from "'/usr/local/bin/' '-quality' '80' '-background' 'white' '/home/dickihs247/domains/aanbevolen.nu/public_html/naslag/images/7/74/Delano_Hutjens.jpg' '-thumbnail' '143x239!' '-set' 'comment' 'File source: http://aanbevolen.nu/naslag/index.php/File:Delano_Hutjens.jpg' '+set' 'Thumb::URI' '-depth' '8' '-sharpen' '0x0.4' '-rotate' '-0' '-sampling-factor' '2x2,1x1,1x1' '/home/dickihs247/domains/aanbevolen.nu/mediawiki_tmp/transform_f297587e6fc2.jpg'"
[thumbnail] Removing bad 0-byte thumbnail "/home/dickihs247/domains/aanbevolen.nu/mediawiki_tmp/transform_f297587e6fc2.jpg". unlink() succeeded
[thumbnail] thumbnail failed on vserver247.axc.nl: error 126 "sh: /usr/local/bin/: Is a directory" from "'/usr/local/bin/' '-quality' '80' '-background' 'white' '/home/dickihs247/domains/aanbevolen.nu/public_html/naslag/images/7/74/Delano_Hutjens.jpg' '-thumbnail' '358x599!' '-set' 'comment' 'File source: http://aanbevolen.nu/naslag/index.php/File:Delano_Hutjens.jpg' '+set' 'Thumb::URI' '-depth' '8' '-sharpen' '0x0.4' '-rotate' '-0' '-sampling-factor' '2x2,1x1' '/home/dickihs247/domains/aanbevolen.nu/mediawiki_tmp/transform_bcaab4a27945.jpg'"
[thumbnail] Removing bad 0-byte thumbnail "/home/dickihs247/domains/aanbevolen.nu/mediawiki_tmp/transform_bcaab4a27945.jpg". unlink() succeeded
[thumbnail] thumbnail failed on vserver247.axc.nl: error 126 "sh: /usr/local/bin/: Is a directory" from "'/usr/local/bin/' '-quality' '80' '-background' 'white' '/home/dickihs247/domains/aanbevolen.nu/public_html/naslag/images/7/74/Delano_Hutjens.jpg' '-thumbnail' '358x599!' '-set' 'comment' 'File source: http://aanbevolen.nu/naslag/index.php/File:Delano_Hutjens.jpg' '+set' 'Thumb::URI' '-depth' '8' '-sharpen' '0x0.4' '-rotate' '-0' '-sampling-factor' '2x2,1x1' '/home/dickihs247/domains/aanbevolen.nu/mediawiki_tmp/transform_a040c6429df4.jpg'"
[thumbnail] Removing bad 0-byte thumbnail "/home/dickihs247/domains/aanbevolen.nu/mediawiki_tmp/transform_a040c6429df4.jpg". unlink() succeeded
[thumbnail] thumbnail failed on vserver247.axc.nl: error 126 "sh: /usr/local/bin/: Is a directory" from "'/usr/local/bin/' '-quality' '80' '-background' 'white' '/home/dickihs247/domains/aanbevolen.nu/public_html/naslag/images/7/74/Delano_Hutjens.jpg' '-thumbnail' '72x120!' '-set' 'comment' 'File source: http://aanbevolen.nu/naslag/index.php/File:Delano_Hutjens.jpg' '+set' 'Thumb::URI' '-depth' '8' '-sharpen' '0x0.4' '-rotate' '-0' '-sampling-factor' '2x2,1x1' '/home/dickihs247/domains/aanbevolen.nu/mediawiki_tmp/transform_dac4b137ee51.jpg'"
[thumbnail] Removing bad 0-byte thumbnail "/home/dickihs247/domains/aanbevolen.nu/mediawiki_tmp/transform_dac4b137ee51.jpg". unlink() succeeded
本文链接:https://www.f2er.com/3129161.html

大家都在问