美文网首页
vue-socket

vue-socket

作者: 丰起云啸 | 来源:发表于2021-12-09 09:59 被阅读0次

想要在项目中登录后传参的的话,因为想要暴漏出来必须在main里面所有要么在mian里面 要么就在main的引入文件里面
1.在main 注册然后暴漏现在要登录但是在main 没登陆也会暴漏
2.放路由拦截里面先让路由加载完 然后再次拦截
3.代码
var socketInited = false //防止重复加载
router.beforeEach((to, from, next) => {
if (!socketInited) {
let userId = store.getters.user.userId
console.log('userId', userId);
let socketOptions = {
autoConnect: false, // 是否自动连接
query: room=yimai&namespace=yimai_namespace&userId=${userId},
transports: ['websocket'],
}
// 注册
Vue.use(
new VueSocketIO({
debug: true, // debug调试,生产建议关闭
connection: SocketIO(process.env.NODE_ENV == 'development' ? "192.168.1.14:9099" : "https://ym.cfsoft.top", socketOptions),
})
)
// vuex: {
// store,
// actionPrefix: 'SOCKET_',
// mutationPrefix: 'SOCKET_'
// },
// options: { query: merCode=555555&userId=1dda7781a7204bb2a2107a5b029e63ed }

//   }))
socketInited = true

}
next()
})

相关文章

  • vue-socket

    想要在项目中登录后传参的的话,因为想要暴漏出来必须在main里面所有要么在mian里面 要么就在main的引入文...

  • 使用 vue + vue-socket + token验证 +

    写了个简单的DEMO,不懂操作的同学可以看看,安装 vue 就不多说了,官方文档很详细 在vue的 main.js...

  • 配置vue-socket 遇到的问题

    一开始用的时候 没有配置 options,socket 提交方式默认是polling 模式,怎么样都连不上服务器都...

网友评论

      本文标题:vue-socket

      本文链接:https://www.haomeiwen.com/subject/xktffrtx.html