WebSocket connection to 'ws://***/' failed: Establishing a tunnel via proxy server failed

最新推荐文章于 2024-04-21 16:40:22 发布
最新推荐文章于 2024-04-21 16:40:22 发布
阅读量1w 收藏 2
点赞数
文章标签： Nodejs socket.io
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yshx_zz/article/details/81910642
版权

前端使用的是socket.io, 服务器上代理的是Nginx ，浏览器为Chrome

描述:

设置为进入界面后通过socket.io-client与api层socket.io建立连接，此时前端Console输出：

WebSocket connection to '***' failed: Establishing a tunnel via proxy server failed

 

问题出现的很突然，服务器发布有一段时间了，之前正常，我刚开始在网上发现很多都说的代理问题，服务器上

看了半天没找到问题，灵光一闪，在另一台设备上进行同样操作发现并没有出现这个问题，经大佬提醒浏览器代理，

随后发现浏览器使用了代理服务器，取消后恢复正常。

 

解决方式:进入浏览器设置 =》高级 =》代理设置 =》局域网设置 =》取消系统代理服务器的设置

转载请注明来源，谢谢！

yshx_zz
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebSocket的通信过程与实现方法详解
01-19
什么是 WebSocket ？ WebSocket 是一种标准协议，用于在客户端和服务端之间进行双向数据传输。但它跟 HTTP 没什么关系，它是基于 TCP 的一种独立实现。 以前客户端想知道服务端的处理进度，要不停地使用 Ajax 进行轮询，让浏览器隔个几秒就向服务器发一次请求，这对服务器压力较大。另外一种轮询就是采用 long poll 的方式，这就跟打电话差不多，没收到消息就一直不挂电话，也就是说，客户端发起连接后，如果没消息，就一直不返回 Response 给客户端，连接阶段一直是阻塞的。 而 WebSocket 解决了 HTTP 的这几个难题。当服务器完成协议升级后（ HTTP -
springboot中移除tomcat插件的方法
Mr_lambor的博客
10-05 1464
<dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-web</artifactId>    <!-- 从依赖信息里移除 Tomca...
执行vue项目的时候：【报错】WebSocket connection to ‘ws://xxx.xxx.x.xxxx:8080/ws‘failed:
最新发布
m0_73832980的博客
04-21 1875
​。
【报错】WebSocket connection to ‘ws://xxx.xxx.x.xxxx:8080/ws‘failed:
z914020826的博客
10-15 1万+
简单来说，WebSocket 为web应用程序客户端和服务端之间（客户端服务端）提供了一种全双工通信机制，报错是因为发送报文的过程出现问题。在Vue项目的config.vue的文件中添加一下配置信息。当我们运行Vue项目时，你可能会遇到一下问题。这样问题也就能解决了，也不会出现报错的问题了。
WebSocket connection to ‘ws://localhost:3000/ws‘ failed: Error in connection establishment: net::ERR
weixin_63689594的博客
02-05 4936
控制台一直出现WebSocket connection to 'ws://localhost:3000/ws' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
WebSocket connection to ‘ws://10.151.2.241:8080/ws‘ failed:
Dragon_Z的博客
10-18 1万+
3. 不正确的WebSocket地址：请确保你正在使用正确的WebSocket地址，包括正确的协议（通常是 'ws://' 或 'wss://'），主机名（IP地址或域名）和端口号。2. 网络问题：这种错误也可能由于网络问题导致，比如防火墙阻止了WebSocket连接，或者存在网络配置问题。- 在可能的情况下，尝试使用不同的WebSocket库或客户端，以确定问题是由库的问题还是服务器问题引起的。- 确保服务器正常运行，WebSocket服务正在监听正确的端口，并且没有防火墙或网络配置问题。
ws-sf:一个Websocket模块，用于从https获取最新章节
05-19
ws-sf：scantradfrance Websocket ws-sf是一个websocket模块，可获取团队发布的最新章节。正在安装 npm install ws-sf如何使用 const WsSf = require ( 'ws-sf' ) ;// connect to the websocketconst wssf = new ...
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
10-17
今天小编就为大家分享一篇关于node.js中ws模块创建服务端和客户端,网页WebSocket客户端，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
UnityWebSocket：适用于所有平台的最佳Unity WebSocket插件
02-06
在线示例 快速开始 安装环境 ... "com.psygame.unitywebsocket" : "https://github.com/psygame/UnityWebSocket.git" , ... } , } 可通过修改链接后缀#{version}来安装对应版本。 示例： "com.psygame.u
websocketServer.lib
06-11
自己项目所需利用c++实现了http、websocket服务，用于浏览器和本地应用程序通信，我是在VS2017环境下编写的，其中使用的c++的json库jsoncpp，c++的常见算法库cryptopp和二维码生成库qrencode,二维码库读者可以直接...
hasura-ws:用于Hasura的最小Javascript graphql websocket客户端
05-01
@hasura-ws 用于hasura最小Javascript graphql websocket客户端 配套 hasura-ws套件由4个块组成： 或 WebSocket hasura客户端 预编译查询并添加有用的方法以减少graphql样板 为您的数据模型生成样板查询 React...
关于ruoyi集成websocket后报错“WebSocket connection to ‘ws://localhost‘ failed:”
qq_38786110的博客
04-19 9807
在若依的脚手架中集成websocket遇到的问题。
Establishing a tunnel via proxy server failed;
first_shun的博客
04-04 2733
浏览器->设置->高级->系统->打开您计算机代理设置->代理->使用代理服务器->关闭
WebSocket connection to ‘ws://192.168.13.86:8080/ws‘ failed:
YANGBO77878的博客
06-13 3195
报错要根据关键词知道对应的知识点, 并对应的去解决, 而不应该盲目去试。
解决vue问题WebSocketClient.js?5586:16 WebSocket connection to ‘ws://x.x.x.60:8081/ws‘ failed
PHP_前端_ios软件制件_概念西瓜专栏
03-08 2万+
创建一个新的项目的时候，使用vue-cli创建。 安装vue-cli npm install -g @vue/cli vue-cli文档 创建好之后，运行npm run serve,会启动一个基于express的服务器，就可以热重载代码了，不会手动刷新去查看修改后的代码，很方便。 原理是在运行vue前端代码的时候，服务器还会运行一个websocketClient,与服务器通信。如果检查到代码有修改，就会刷新页面。 如果websocket通信有问题是不会正常进行热重载的。 因为我是直接在...
Vue3 报 WebSocket connection to ‘ws://x.x.x.x:8080/ws‘ failed 的错误
weixin_55988068的博客
11-09 5361
原因：WebSocket是一种双向通信的协议，它在尝试建立到 'ws://x.x.x.x:8080/ws' 的通信失败。原因可能是服务器 'x.x.x.x' 不可用，或WebSocket服务未正确配置。因此，我们去配置一下通信问题。问题：控制台每过几秒就报WebSocket的错误，但是页面显示正常。
Vue项目使用WebSocket时报错: connection to ‘ws://...‘failed: Error in connection establish
weixin_65793170的博客
12-01 2万+
报错如下，意思是连接到'ws://…'failed:连接建立错误；connection to ‘ws://...‘failed: Error in connection establish
WebSocket connection to ‘ws://x.x.x.x:8080/ws‘ failed:报错
weixin_62328829的博客
09-22 5万+
WebSocket connection to 'ws://x.x.x.x:8080/ws' failed:报错
解决报错：WebSocket connection to ‘ws://124.207.120.104:9502/‘ failed: Error in connection establish
热门推荐
是日已过，命亦随减的博客
09-09 17万+
使用swoole连接WebSocket时报错： WebSocket connection to ‘ws://123.207.120.104:9502/’ failed: Error in connection establish 请运行以下代码： 关闭服务：systemctl stop firewalld.service 关闭后出现如下图则说明连接成功。 ...
Springboot配置Websocket，前端提示WebSocket connection to ws://localhost:8080/* failed
05-26
这个问题通常是由于WebSocket连接配置不正确或者后台没有正确的处理WebSocket请求造成的。下面是一个基本的Spring Boot WebSocket配置示例： 首先，确保您已经添加了Spring WebSocket依赖项： ```xml <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> </dependencies> ``` 然后，创建一个WebSocket配置类，例如： ```java @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(new MyWebSocketHandler(), "/websocket").setAllowedOrigins("*"); } } ``` 上面的代码中，我们注册了一个名为`MyWebSocketHandler`的WebSocket处理程序，并将它映射到路径`/websocket`。`setAllowedOrigins("*")`允许所有来源的WebSocket连接。 最后，在前端，确保您使用了正确的WebSocket URL。如果您的后台应用程序运行在`localhost:8080`上，则WebSocket URL应该是`ws://localhost:8080/websocket`。 如果您仍然遇到问题，请检查后台应用程序的日志，看看是否有任何错误消息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值