vue项目使用websocket时报错: connection to ‘ws://...‘failed: Error in connection establish

7月前作者：北城笑笑分类：Toy博客阅读(39) 违法举报

这篇具有很好参考价值的文章主要介绍了vue项目使用websocket时报错: connection to ‘ws://...‘failed: Error in connection establish。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

报错如下，意思是连接到'ws://…'failed:连接建立错误；

解决方法:

1、首先报错时先看看请求接口有没有写错；

2、看需不需要（有没有）传递参数；

3、还有可能就是没有传递验证参数 Authorization，也就是我们要传给后端的token验证；

传递方法如下：文章来源地址https://www.toymoban.com/news/detail-511905.html

//3
//获取Authorization(token权限验证)
import Cookies from 'js-cookie'
const TokenKey = Cookies.get("Admin-Token")

//请求websocket，把权限验证传递给后端👇  
//wsUri是请求地址和参数
websock = new WebSocket(wsUri, [TokenKey]);

到了这里，关于vue项目使用websocket时报错: connection to ‘ws://...‘failed: Error in connection establish的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Vue3 报错：WebSocket connection to ‘ws://X.XXX.X.XX:8080/ws‘ failed:

问题：页面没有问题，但是打开控制台就出现如下图所示的一连串的报错信息问题解决：修改完后重新运行一下即可

2024年02月13日
浏览(75)
VUE报错：WebSocket connection to ‘ws:……ws‘ failed: Error in connection establishment: net::ERR_CONNECTI

在vue的vue.config.js里这样设置就不会报错啦，但是我也不知道问什么，纯小白。。。

2024年02月16日
浏览(30)
Vue3 报 WebSocket connection to ‘ws://x.x.x.x:8080/ws‘ failed 的错误

问题：控制台每过几秒就报WebSocket的错误，但是页面显示正常。原因：WebSocket是一种双向通信的协议，它在尝试建立到 \\\'ws://x.x.x.x:8080/ws\\\' 的通信失败。原因可能是服务器 \\\'x.x.x.x\\\' 不可用，或WebSocket服务未正确配置。因此，我们去配置一下通信问题。解决：整体代码: 重点：修

2024年02月04日
浏览(29)
解决vue问题WebSocketClient.js?5586:16 WebSocket connection to ‘ws://x.x.x.60:8081/ws‘ failed

创建一个新的项目的时候，使用vue-cli创建。安装vue-cli vue-cli文档创建好之后，运行npm run serve,会启动一个基于express的服务器，就可以热重载代码了，不会手动刷新去查看修改后的代码，很方便。原理是在运行vue前端代码的时候，服务器还会运行一个websocketClient,与服务器通

2023年04月09日
浏览(64)
WebSocket connection to ‘ws://192.168.13.86:8080/ws‘ failed:

正常在浏览vue脚手架项目做的网页, 控制台突然报了很多这种错误报错截图： WebSocket connection to \\\'ws://192.168.13.86:8080/ws\\\' failed: WebSocket 链接到\\\'ws://192.168.13.86:8080/ws\\\' 失败了知识点1: vue脚手架基于node启动了一个实时打包项目和预览的web服务, 把你写完的vue代码+webpack翻译打包后通

2024年02月05日
浏览(39)
WebSocket connection to ‘ws://10.151.2.241:8080/ws‘ failed:

在vue3项目中出现以下错误这个错误表明在尝试建立到 \\\'ws://10.151.18.185:8080/ws\\\' 的WebSocket连接时失败了。WebSocket是一种用于实现双向通信的协议，这种错误通常发生在以下情况下： 1. 服务器不可达：可能服务器 \\\'10.151.18.185\\\' 不可用，或者WebSocket服务未正确配置。确保服务器正在

2024年02月05日
浏览(33)
Springboot配置Websocket，前端提示WebSocket connection to ws://localhost:8080/* failed

做项目的时候要构建一个在线聊天系统，学习之前就先用了别人的一份代码跑一下，但是怎么都建立不了websockt连接，前端提示：网上查到的解决办法主要有： 1、修改tomcat版本到8以上。但是我的版本是9，不应该是tomcat问题。 2、修改ws连接成wss。无效。 3、使用WebSocket类配置

2024年02月16日
浏览(30)
关于ruoyi集成websocket后报错“WebSocket connection to ‘ws://localhost‘ failed:”

在若依项目中需要做一个在线沟通的聊天功能，所以在若依的脚手架中集成了websocket。在若依中集成websocket后进行通信，但是在开启websocket的时候会报错“ WebSocket connection to \\\'ws://localhost\\\' failed: ”。找了很多解决方法都无法解决，包括：修改vue.config.js中的配置，修改跨域的配

2024年02月11日
浏览(43)
控制台反复输出WebSocket connection to ‘ws://10.133.212.203:8080/ws‘ failed:

控制台反复输出WebSocketClient.js?5586:16 WebSocket connection to ‘ws://10.22.219.126:8080/ws’ failed: 今天打开vue项目，项目运行没问题，但是一直反复输出这个报错，很难受，如下：找到的一个有效的解决方法：在vue.config.js中配置如下代码：

2024年02月10日
浏览(32)
【报错】WebSocket connection to ‘ws://xxx.xxx.x.xxxx:8080/ws‘failed:

当我们运行Vue项目时，你可能会遇到一下问题简单来说，WebSocket 为web应用程序客户端和服务端之间（客户端服务端）提供了一种全双工通信机制，报错是因为发送报文的过程出现问题。解决方案如下: 在Vue项目的config.vue的文件中添加一下配置信息这样问题也就能解决了，也

2024年02月11日
浏览(33)