websocket连接服务端一直超时并失败

最新推荐文章于 2025-03-24 10:36:27 发布

十三鸽

最新推荐文章于 2025-03-24 10:36:27 发布

阅读量5k

点赞数 1

分类专栏： vue 文章标签： chrome websocket vue firefox

本文链接：https://blog.youkuaiyun.com/shisannnn/article/details/120663202

版权

本文介绍了在使用Vue和SpringBoot进行WebSocket开发时遇到的Chrome浏览器连接超时问题。经过排查发现，问题出在Vue的代理端口配置上。当Vue代理配置中未明确处理ws请求时，会导致WebSocket连接失败。通过修改代理配置，使WebSocket请求正确指向后端，成功解决了连接问题。尽管Firefox浏览器在相同配置下能建立连接，但Chrome需要正确配置才能正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

首先说明我的问题，我使用的前端框架是vue，为了防止出现跨域，且还在开发状态，所以我是用了vue的代理端口，后端使用的springboot来接收websocket请求，然后就出现了一个问题，当我用chrome浏览器向后端发送一个ws请求时，会一直出现连接超时等，但是我换用了firefox浏览器后，竟然莫名其妙地和后端建立了请求，因为这个奇葩问题，我整整在网上各种地方各种方法试了个遍，但哪怕是科学上网也似乎依然没有人遇到和我同样的问题，于是我尝试着各种方法去解决。
功夫不负有心人，我找出来了，是vue的代理端口出现了问题。

解决

module.exports = {
   
    devServer: {
   
        proxy: {
   
            '': {
   
                target

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

十三鸽

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js中websocket连接超时设置与断线重连解决方案

遗忘

02-23

1万+

近日发现不少文章被转载,本博客内均为博主原创文章,转发务必写明来源,否则有权追究. 问题: 当websocket服务器故障或用户掉线时,websocket默认连接超时大约20-30s才onclose,这样当用户上线或服务器故障恢复时,至少要等待30s才能连上. 需求: 当超过设定时长未能连上就断开重连,不默认等待. 解决方案: websocket=>连接=>setTimeout验证re...

WebSocket 长连接及超时问题解决

weixin_30247159的博客

01-11

1万+

<?phpset_time_limit(0); class SocketService { private $address = 'localhost'; private $port = 80; private $_sockets; public function __construct($address = '', $port='') ...

2 条评论您还未登录，请先登录后发表或查看评论

WebSocket连接超时的解决办法

l19991112的博客

06-28

2047

WebSocket连接超时

WebSocket 的错误处理与断线重连

最新发布

前端梦工厂

03-24

1223

在这个时候，就需要我们的心跳包了，用于维持长连接，保活。事实上这是为了保持长连接，至于这个包的内容，是没有什么特别规定的，不过一般都是很小的包，或者只包含包头的一个空包。第二次客户端定时再次发送请求依旧携带唯一标识、以及时间戳，服务端到 db 或者缓存去查询改请求的唯一标识，如果存在就把上次的时间戳拿取出来，使用当前时间戳减去上次的时间，这时候我们就需要知道服务端设置的超时时长是多少，在小于超时时间内发送心跳包，有 2 中方案:一种是客户端主动发送上行心跳包，另一种方案是服务端主动发送下行心跳包。

websocket超时重连、心跳检测

m0_47195133的博客

01-15

3664

websocket超时重连、心跳检测

VUE基于webscoket请求的超时setTimeout处理

测试领域专家，多领域测试技术、管理、工具都略懂，略懂一二

04-21

1万+

今天来说说超时，我们先来简单介绍下：说到超时，时延，我们知道有setTimeout和setInterval方法，这两个写法差不多; 两者大致的写法： setTimeout(code,毫秒) setInterval(code,毫秒) 只是setTimeout方法只执行一次，setInterval是隔一段时间执行一次。 setTimeout 可以写成： //3秒执行alert弹框 setTimeout( "alert('对不起, 三秒钟已到')" , 3000 ) 也可以时延直接调用

unty websocket 客户端 服务端 通信

11-06

2. 错误处理：确保正确处理所有可能的网络错误，如连接失败、超时等。 3. 数据序列化：如果传输复杂的数据结构，考虑使用JSON或ProtoBuf进行序列化和反序列化。 4. 性能考虑：频繁的小规模通信可能会影响性能，尽量...

Websocket客户端断网，服务端心跳超时检测并断开连接

qq_31288101的博客

09-16

1万+

起因项目上想通过websocket做好友的上线下线通知功能，用户上线时客户端websocket连接服务端，调用服务端onOpen()方法，服务端通知所有好友当前用户上线；用户退出时客户端websocket断开连接，调用服务端onClose()方法，服务端通知所有好友当前用户离线。问题这样做会有一个很大的问题，如果客户端是关闭流量、关闭WIFI断网而不是正常退出，服务端就不会收到客户端的断连请求，因此服务端并不会触发onClose()方法，导致其好友无法收到当前用户的离线信息。解决方案经过网上大量资

websocket通信服务端与客户端.zip

10-01

2. **创建QWebSocket对象**：创建一个QWebSocket实例，并设置连接超时时间、错误处理回调等。 3. **连接到服务器**：使用`open()`函数连接到指定的WebSocket服务器URL。 4. **处理连接状态**：通过信号`connected...

golang websocket 服务端的实现

09-18

通过以上知识点的串联，文章展示了如何在Go语言中一步步构建WebSocket服务端，包括服务端结构的设计、连接处理、消息处理等。此外，文章还可能涉及到了如何处理WebSocket的生命周期事件，比如连接的开启、消息的接收...

前端连接websocket失败_vue websocket 连接实战及遇到的问题

weixin_39621870的博客

12-23

7816

常规的连接方法websocket () {let ws = new WebSocket('ws://localhost:8080')ws.onopen = () => {// Web Socket 已连接上，使用 send() 方法发送数据ws.send('Holle')console.log('数据发送中...')}ws.onmessage = evt => {// console....

Nginx笔记-反向代理中配置WebSocket及设置超时

IT1995的博客

06-04

2965

这里贴下配置： ... server{ listen 8888; server_name MyWeb; location / { proxy_pass http://xxx.xx.xx.xxx:xxxx; } location /draw { proxy_pass http://xxx.xxx.xxx.xxx:xxxx/; proxy_set_header Upgrade $http_upgrad

springboot websocket 配置超时关闭连接

Fan Ruitian的博客

01-13

1万+

若不给该客户端发信息，除非路由器重启，否则这个链接会一直存在，服务器会一直认为该链接存在，后果就是随着大连无用的tcp连接积累，服务器会报socket too many open files错误导致服务挂掉。要求websocket客户端定期发送PING，服务器返回PONG，客户端意外断开的时候服务器发现在一段时间内没交互信息关闭该session。客户端与服务器在用websocket通信的时候，如果客户端突然关闭网络或者直接关机，此时路由与服务器之间的链接还存在。

websocket 超时重新连接

晚星的博客

03-24

2675

之前写了一篇怎么用websocket搭建智能聊天的一个功能，然后有人反馈我，问我下面这个问题浏览器端怎么处理 websocket 超时重新连接？如果断网情况下，然而网络恢复后的重连接？今天告诉你们怎么去重新连接。其实在websocket中有一个属性onclose它就是专门去监视你网络链接出问题之后触发的回调这个事件监听器将在 WebSocket 连接的readyState 变为 CLOSED时被调用，它接收一个名字为“close”的 CloseEvent 事件。 WebSocket.oncl

jenkins slave节点运行在kubernetes构建mvn环境报错：java.io.IOException: Timed out waiting for websocket connectio

CN_Eden

05-18

883

背景：jenkins slave节点运行在kubernetes构建mvn环境，运行官网提供的demo podTemplate(containers: [ containerTemplate(name: 'maven', image: 'maven:3.8.1-jdk-8', command: 'sleep', args: '99d'), containerTemplate(name: 'golang', image: 'golang:1.16.5', command: 'sleep', ar

Nginx 配置websocket超时时间

qq_39485878的博客

03-07

1万+

location /damocles/ { proxy_pass http://127.0.0.1:7030/damocles/; proxy_read_timeout 600s; proxy_send_timeout 600s; }

C++: websocket 连接超时处理

belien

03-11

1311

C++ websocket 连接处理流程与超时限制

webSocket的基本用法（四）——C#服务端webSocket的异步请求超时处理

D_lunar的博客

09-18

1626

一、C#服务端webSocket的异步请求超时处理

Jmeter高并发压测时 java.net.SocketException: Connection reset 报错解决方案