vue项目中使用websocket连接后立马断开(websocket连接后瞬间断开)

这篇具有很好参考价值的文章主要介绍了vue项目中使用websocket连接后立马断开(websocket连接后瞬间断开)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题原因(连接后断连的原因):前端给后端传递Authourization(token验证)时,后端需要接收处理并设置响应标头,不然就容易出现上叙错误;

解决方法:

1、传递参数和验证权限;

//获取
import Cookies from 'js-cookie'
const TokenKey = Cookies.get("Admin-Token")
//传递  
//wsUri是请求地址和参数 TokenKey验证👇
websock = new WebSocket(wsUri, [TokenKey]);

2、后端处理后前端收到的响应标头;

vue项目中使用websocket连接后立马断开(websocket连接后瞬间断开)

 然后,连接后断连的问题就解决啦!感觉有用,就一键三连(●'◡'●)文章来源地址https://www.toymoban.com/news/detail-515639.html

到了这里,关于vue项目中使用websocket连接后立马断开(websocket连接后瞬间断开)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 【go】gorilla/websocket如何判断客户端强制断开连接

    当客户端因为某些问题异常关闭连接时,可以判断关闭连接的异常类型 通过调用websocket.IsCloseError或websocket.IsUnexpectedCloseError即可 其中github源码如下 异常类型如下

    2024年02月16日
    浏览(45)
  • SpringCloudAlibaba 应用webSocket,解决连接成功后会立刻断开等问题

    最近公司有个大屏,需要做一个实时报警的功能,这就用到了webSocket技术,这个帖子就用来记录学习过程中的遇到的问题,如下是想要达到的效果图  1.第一步肯定是先导入依赖 这里记录第一个坑点,就是可能有的小伙伴会在启动的时候报错,这个是因为websocket和tomcat有冲突

    2024年02月11日
    浏览(47)
  • Vue中WebSocket链接中断、心跳机制防止自动断开

    1、WebSocket链接中断原因 WebSocket断开的原因有很多,最好在WebSocket断开时,将错误打印出来。 二、心跳机制防止自动断开 WebSocket在一段时间内没有进行通讯便会自读断开链接,可以每隔30秒或一分钟向服务器发送一次通讯防止链接终端

    2024年02月16日
    浏览(36)
  • 在vue3项目中进行websocket的连接

    首先是安装 我这边是封装了一个websocket的类 再进行使用

    2024年04月16日
    浏览(25)
  • 运维相关(一) - Vue项目配置WebSocket连接{ws、wss 连接方式}

    项目使用的是ruoyi的前后端分离框架 项目需要使用到 websocket , 在本地使用 ws 连接方式是没问题 , 但是服务器上边使用的是nginx + ssl 证书 https域名访问的方式部署的 使用普通的 ws 连接是不可以成功的 需要使用 wss的方式 2.1 前端 vue.config.js 的代码 这里target: 里边指向的都是后

    2024年02月01日
    浏览(37)
  • 解决vue ui 连接已断开 问题

    我们在cmd 输入 vue ui 时 这里显示 erro: -4058 跳转页面显示 连接断开 ,无法创建vue 项目 在我们的path 中添加路径 建议我们用户变量和系统变量的path 都添加 — 显示创建成功 我们要做的是给path 添加路径 C:WindowsSystem32

    2024年02月11日
    浏览(29)
  • vue-页面使用websocket建立连接用于测试

    前言 websocket双向通讯在项目中经常使用,但一般都是封装成第三方包,登录,退出建立连接。 这样使用是合理,但不便于测试,其实在.vue页面通过new方式可以直接使用websocket。 在页面实例加载完成之后连接websocket,在组件销毁时候断开websocket连接。 注意具体情况要跟后端

    2024年02月15日
    浏览(28)
  • vue 使用stompjs websocket连接rabbitmq

    1. 首先确保rabbitmq服务已开启web-stomp         1.1 登录rabbitmq web控制台         1.2 在overview目录下 下拉找到Ports and contexts 看列表有没有http/web-stomp         1.3 如果没有需要开启 window/centos 进入rabbitmq安装目录的bin目录下执行rabbitmq-plugins enable rabbitmq_web_stomp rabbitmq_stomp rabbi

    2024年02月14日
    浏览(30)
  • vue项目中如何使用websocket(步骤)

    WebSocket是一种在单个TCP连接上进行全双工通信的协议。Vue是一种流行的JavaScript框架,用于构建用户界面。 结合WebSocket和Vue,可以实现实时数据通信和动态更新UI的效果 。 在本教程中,我们将学习如何在Vue应用程序中使用WebSocket。 步骤1:安装WebSocket库 使用npm安装WebSocket库。

    2024年02月08日
    浏览(33)
  • Vue 项目中使用WebSocket 消息推送

    1.这是我在后台管理项目中使用到的,主要的作用是搞一个消息提醒的功能。 2.主要有右上角的提示和有下角的消息弹框。 3.主要实现的功能是如果用户有未读的消息,那么首次登录就弹框,如果用户关闭了页面,那么再次刷新页面的时候,也不再弹框,意思就是一个账户没

    2024年02月11日
    浏览(30)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包