WebSocket connection to ‘ws://127.0.0.1:8080/stomp/ws/1‘ failed: Error during WebSocket handshake:

最新推荐文章于 2024-04-21 16:40:22 发布
最新推荐文章于 2024-04-21 16:40:22 发布
阅读量4.1k 收藏 1
点赞数 1
分类专栏： java 文章标签： websocket vue.js 实时通信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tanfei_/article/details/129311365
版权

**

WebSocket connection to ‘ws://127.0.0.1:8080/stomp/ws/1’ failed: Error during WebSocket handshake:Unexpected response code: 200

**

最近研究websocket的时候遇到了这个问题，前端vue 连接 的时候一直连接不上，找了下原因是Security拦截了 解决办法就是在SecurityConfig里面添加代码

.antMatchers("/websocket/**").anonymous()

这里的/websocket 是根据你自己设置地址，并不是确定的一成不变的。详情如下图所示：
在这里插入图片描述

tanfei_
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决报错：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 关闭后出现如下图则说明连接成功。 ...
Nginx反向代理WebSocket服务连接报错：WebSocket connection to “wss://xxx/xxx“ failed
wx_l617188072的博客
11-22 3182
一个是 WebSocket 是一个逐跳协议，因此当代理服务器拦截客户端的升级请求时，需要向后端服务器发送自己的升级请求，包括相应的头文件。此外，由于 WebSocket 连接长期存在，与 HTTP 使用的典型短期连接相反，反向代理需要允许这些连接保持打开状态，而不是关闭它们，因为它们似乎处于空闲状态。WebSocket 协议与 HTTP 协议不同，但 WebSocket 握手与 HTTP 兼容，使用 HTTP 升级工具将连接从 HTTP 升级到 WebSocket。# 关键配置 start。
执行vue项目的时候：【报错】WebSocket connection to ‘ws://xxx.xxx.x.xxxx:8080/ws‘failed:
最新发布
m0_73832980的博客
04-21 1926
​。
springboot中移除tomcat插件的方法
Mr_lambor的博客
10-05 1488
<dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-web</artifactId>    <!-- 从依赖信息里移除 Tomca...
解决报错：Websocket connection to‘ws://127.0.0.1:5000/socket.io/?EIO=4&transport=websocket’failed：Error
热门推荐
05-03 12万+
解决Flask使用Websocket功能报错：Websocket connection to‘ws://127.0.0.1:5000/socket.io/?EIO=4&transport=websocket’failed：Error during Websocket handshake：Unexpected response code：400。
解决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通信有问题是不会正常进行热重载的。 因为我是直接在...
【报错】WebSocket connection to ‘ws://xxx.xxx.x.xxxx:8080/ws‘failed:
z914020826的博客
10-15 1万+
简单来说，WebSocket 为web应用程序客户端和服务端之间（客户端服务端）提供了一种全双工通信机制，报错是因为发送报文的过程出现问题。在Vue项目的config.vue的文件中添加一下配置信息。当我们运行Vue项目时，你可能会遇到一下问题。这样问题也就能解决了，也不会出现报错的问题了。
vue项目访问服务器时：WebSocket connection to ‘wss://XXXX/‘的解决方法
weixin_44934104的博客
05-25 2万+
关于WebSocke的介绍：新手入门：websocket 简单来说，WebSocket 为web应用程序客户端和服务端之间（客户端服务端）提供了一种全双工通信机制，报错是因为发送报文的过程出现问题。 我的报错如下： 程序可以正常运行使用，但一直打印报错太难受了，问了一下同事，也查了一下（百度）。 我的想法：服务器地址通过nginx代理访问，所以要么就解决Nginx通过在客户端和后端服务器之间的通信问题，要么就直接让我的前端不给后端发送信息。 解决方式： 1、修改nginx配置： location /api
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
10-17
今天小编就为大家分享一篇关于node.js中ws模块创建服务端和客户端,网页WebSocket客户端，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
graceful-ws:race具有连接重建功能的优美WebSocket包装器
04-25
优美的WebSocket包装器 graceful-ws是一个包装器，它通过每n毫秒发送一次ping请求来尝试使连接保持活动状态。 重新建立连接后，它将自动重新绑定所有事件侦听器，从而使连接的使用变得无缝。入门通过npm安装： $ npm...
hasura-ws:用于Hasura的最小Javascript graphql websocket客户端
05-01
@hasura-ws 用于hasura最小Javascript graphql websocket客户端 配套 hasura-ws套件由4个块组成： 或 WebSocket hasura客户端 ... address : 'ws://localhost:8080/v1alpha1/graphql' , debug : true , /
cefsharp获取 websocket(ws)的数据
02-17
cefsharp后台代码获取 网页中有websocket(ws)发送和收到的数据
websocket-express:快递和ws合并
04-01
安装依赖npm install --save websocket-express ws express @types/ws @types/express （ ws和express是必需的，作为websocket-express对等依赖项。您可以使用express版本4或5。即使您在项目中未使用TypeScript，也...
WebSocket connection to ‘ws://xxx.xxx.192.223:xxxx/‘ failed: WebSocket opening handshake timed out
郭宝的博客
07-21 3万+
背景： 在通过 websocket 给服务器发送数据时，出现了如下错误 chunk-592a5c69.4681337f.js:1 WebSocket connection to 'ws://116.255.192.223:2346/' failed: WebSocket opening handshake timed out 解决办法：
vue 报错：WebSocket connection to ‘ws://192.168.51.116:3000/ws‘ failed:
sherlyxoxo的博客
07-06 3万+
vue websocket connection报错
关于ruoyi集成websocket后报错“WebSocket connection to ‘ws://localhost‘ failed:”
qq_38786110的博客
04-19 9879
在若依的脚手架中集成websocket遇到的问题。
webSocket connection to ‘xx‘ failed: Error during WebSocket handshake: Unexpected response code: 200
qq_43413908的博客
06-13 3485
正确建立websocket连接后，返回状态码101，不会返回200等。websocket相关nginx代理内容。
Vue第12篇，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://10.151.2.241:8080/ws‘ failed:
Dragon_Z的博客
10-18 1万+
3. 不正确的WebSocket地址：请确保你正在使用正确的WebSocket地址，包括正确的协议（通常是 'ws://' 或 'wss://'），主机名（IP地址或域名）和端口号。2. 网络问题：这种错误也可能由于网络问题导致，比如防火墙阻止了WebSocket连接，或者存在网络配置问题。- 在可能的情况下，尝试使用不同的WebSocket库或客户端，以确定问题是由库的问题还是服务器问题引起的。- 确保服务器正常运行，WebSocket服务正在监听正确的端口，并且没有防火墙或网络配置问题。
WebSocket connection to 'ws://127.0.0.1/' failed:
09-18
### 回答1： 这个错误消息表示无法连接到给定的WebSocket地址，即ws://127.0.0.1/。 一个可能的原因是服务器不在本地主机上，或者该地址不正确。您还应检查本地主机上是否有WebSocket服务器正在运行，并且确保您的浏览器正确配置了代理。 还有其他原因可能会导致此错误，例如网络故障、安全软件阻止连接等。如果您无法解决此问题，可以尝试联系服务器管理员或在线搜索帮助解决此问题。 ### 回答2： WebSocket连接到'ws://127.0.0.1/'失败是由于无法建立WebSocket连接而导致的错误。WebSocket是一种在Web浏览器和服务器之间进行双向通信的协议，用于实时更新和交换数据。 有几个可能的原因导致WebSocket连接失败。首先，请确保服务器上正在运行WebSocket服务，并且服务器地址和端口号与WebSocket连接的URL相匹配。 其次，由于安全策略的限制，浏览器可能会阻止与本地主机（如127.0.0.1）建立WebSocket连接。这是为了防止潜在的安全风险和滥用，可以通过使用真实的服务器地址而不是本地主机来解决此问题。 另外，防火墙或代理服务器也可能会干扰WebSocket连接。请确保您的网络设置不会阻止WebSocket通信，并且防火墙和代理服务器的配置允许WebSocket流量通过。 最后，还有可能是由于服务器未正确配置或故障导致WebSocket连接失败。如果您是服务器管理员，请检查服务器的日志文件以了解连接错误的详细信息。 综上所述，WebSocket连接到'ws://127.0.0.1/'失败是一个通用的错误消息，可能有多种原因导致。通过检查服务器状态、网络设置和安全策略，您可以解决这个问题并成功建立WebSocket连接。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值