- 博客(10)
- 收藏
- 关注
原创 解决PM2集群模式下WebSocket连接前端有概率接收不到消息的问题+WebSocket向指定路径发送信息
本文针对VUE3前端与NodeJS+Koa后端项目中,使用PM2集群模式后WebSocket消息不稳定接收的问题进行分析与解决。问题根源在于PM2负载均衡导致WebSocket连接被分散到不同进程而无法正常通信。解决方案是引入Redis作为消息中间件,通过以下步骤实现:1)单独封装WebSocketServer;2)创建Redis订阅客户端广播消息;3)初始化WebSocketServer并管理连接;4)实现跨进程消息发布机制。最终通过Redis的发布-订阅功能,确保所有PM2工作进程都能接收并转发消息,解
2025-07-08 11:55:44
442
原创 vue3通过动态绑定exclude在退出登录时清除keepAlive缓存
vue: 3.2.13 setup模式在vue开发中使用keepAlive来缓存组件是比较常见的做法,但是当我们需要实现退出登录功能时就会发现,跳转到登录页面后再次登录还残留着上一个用户缓存的数据。
2024-01-10 16:47:27
2115
原创 vue组件中使用防抖函数
在实际开发中,比如搜索栏,用户输入一个字符都要发送网络请求来返回搜索结果,这样对服务器的压力就太大了,我们需要使用防抖函数,来降低这个频率
2022-09-03 09:36:11
5274
原创 VUE实现路由组件切换后保存页面浏览位置
比如从路由组件A切换到组件B后,再切回A组件,希望保持上次浏览的位置。1:离开路由组件前记录页面位置。2:路由组件激活时设置页面位置。前提:组件必须是缓存路由组件。
2022-08-14 19:07:25
1472
1
原创 解决input框添加圆角后边框变粗
在学习过程中给input添加圆角时发现一个问题,添加圆角后input的边框会变粗没有添加圆角前:直接添加圆角后:很明显,input的边框比之前的边框变粗了解决办法:给input一个border属性input { border: 1px solid #0f2d2d; border-radius: 10px;}效果:...
2022-05-02 17:03:42
1753
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅