新版vue-socket.io的问题

最新推荐文章于 2024-06-25 16:23:20 发布
最新推荐文章于 2024-06-25 16:23:20 发布
阅读量1.8k 收藏
点赞数
文章标签： vue-socket.io socket.io 聊天室
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hc951221/article/details/85292934
版权

之前我用vue写了个聊天室，虽然丑了点但至少能用，但前几天我重新写了个聊天室运行的时候报了个错误

实际上客户端和服务器端是链接通了，也获取到了服务器端返回的信息，但因为这个莫名奇妙的错误就卡住了代码执行不下去。
然后百度了半天也没找出问题所在，最后想了一下有没有可能是版本问题，毕竟同样的代码没理由一个可以运行一个不可以运行啊，好吧的确是版本问题，把vue-socket.io的版本改为"vue-socket.io": "^2.1.1-b"就没毛病了，我原本是直接npm install vue-socket.io安装的最新版本，看来这新发布的还不完善啊

hc951221
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 加headers_vue添加请求头跨域问题
weixin_36433524的博客
02-05 3279
前两天做项目道用确常端以效的，近从于，用开通果是这近用到iview，添加请求头后，后端做了跨域处理。在SpringBoot2.0没问题，换到SpringBoot 1.5.13后又出现跨域。。。下面是跨域处理代二，都过发宗发数前业很断屏击和公图使分近步现喜进过，分一端务有的蔽战滚司标用别近步现喜进过，分一端务有的蔽战滚司标用别近步现喜进过，分一端务有的蔽战滚司标用别近步现喜进过，码：@Configu...
vue中使用 vue-socket.io
weixin_43840538的博客
09-06 1557
源码github地址 ： https://github.com/metinseylan/vue-socket.io 安装，配置跟随文档走。主要讲一下在组件中如何使用： 1.事件的注册与监听 如果你想在组件中监听socket事件，你需要在.vue组件中添加 sockets对象，里面的每一个函数都会监听事件，这取决于对象的键值。 export default { sockets: {...
前端vue使用vue-socket.io与socket.io-client与后台使用netty-socketio建立实时通信
嘿嘿
03-13 2523
因为项目中需要用到socket实现端到端的实时通信对话 网上的教程也多是后台使用node，笔者这里项目后台使用的是java，所以只能另辟蹊径 话不多说开搞，这里记录一下搞得过程遇到的需要注意的问题 Java 后端 1.在pom.xml添加netty-socketio的jar包 <!-- 引入socketIo的jar包 --> <dependency> <groupId>com.corundumstudio.socketio<...
vue socketIo客户端连接java后端（vite实现前端代理跨域）
最新发布
weixin_62263555的博客
06-25 663
注意的点是我在请求路径上根本没写socket.io，他是所有请求都默认加上的，所以在做代理时就可以用他来做代理路径（不是可以，是唯一，如果你在创建socket的请求使用其他路径来做代理，那不好意思，会发生错误，错误一般是invaid namespace）。对了，如果可以的话，真心建议看一下控制台每一个请求的信息，不断测试可能性，这样总比在“垃圾堆里”找答案好。前端实现如下：(后端不用管，只要你的vue前端和后端处于同一电脑或服务器上)中文互联网以及烂了，很多参考是没什么用的甚至是掐头去尾（胡编乱造），
vue-socket.io 的使用及其局部引入解决方案
weixin_43536737的博客
05-12 2268
如何在客户端使用 vue-socket.io 与服务器端实时双向通信前言vue-socket.io 在 vue 中的使用安装依赖模块使用在 main.js 全局引入模块在模板 .vue 局部引入模块结语参考 前言 基本的 HTTP 请求可以满足客户端访问数据的需要。如果需要“实时”刷新数据，可以采用轮询（设置一个定时器，每隔很短的一段时间发送 HTTP 请求重新获取数据）或长轮询（long poll，服务端收到 HTTP 请求后，将回调阻塞到有新数据产生）的方式。 轮询需要持续频繁地发送请求，会造成带宽和服
最详细的vue-socket.io用法
热门推荐
weixin_43898997的博客
02-16 2万+
vue-socket.io避坑指南
Vue 使用 Vue-socket.io 实现即时聊天应用（Vue3连接原理分析）
~朴：shu的博客
09-13 1万+
总的来看，要深入了解socket的源码，知道其实现方式，基于源码，将vue3的特性结合进去
vue-socket.io跨域问题有效解决方法
11-21
在Vue.js应用中，特别是在使用`vue-socket.io`库进行实时通信时，可能会遇到跨域问题。跨域是浏览器为了安全原因而设置的一种限制，它不允许从一个源（domain）加载资源到另一个源，除非两个源之间有明确的允许跨域...
vue-socket.io接收不到数据问题的解决方法
11-20
首先，vue-socket.io是一个库，它为Vue.js应用程序提供了一种与Socket.IO服务器通信的简便方式，它是对socket.io-client的封装，使得在Vue组件内使用Socket.IO更加便捷。 当开发者遇到“vue-socket.io接收不到数据...
vue-socket.io-extended:Vue.js和Vuex的Socket.io绑定（受Vue-Socket.io启发）
04-27
Vue-Socket.io-扩展 Vue.js 2和Vuex的Socket.io绑定（受Vue-Socket.io启发） :warning: （支持Vue 3）已经发布。 您的反馈意见，将不胜感激 :cherries: 特征轻量级且无依赖-仅2kb min gzip React性属性$socket....
Vue 使用 Vue-socket.io 实现即时聊天应用（连接篇）
~朴：shu的博客
11-08 6292
1. 目前比较成熟的实现聊天的技术很多，不过都是封装的web socket。在实际的项目中有这个需求，就查找了相应的文章，发现关于Vue实现聊天的完整叙述的文章少之又少。故写此文章，望帮助到正在探寻的小伙伴，欢迎留言讨论。 （PS:包括客户端、服务器端、Vue-socket.io 使用的注意事项、请求跨域问题、400状态码问题的解决等，相信读完会有所收获。） 2. 先说说Web Socket：Web Socket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。说人话就是建
vue集成socket.io
GiveMeFiveYu的博客
11-23 1873
vue集成socket.io
Vue中 引入使用 vue-socket.io
江湖行骗老中医
10-18 2327
vue-socket.io 其实是在 socket.io-client（在浏览器和服务器之间实现实时、双向和基于事件的通信） 基础上做了一层封装，将 $socket 挂载到 vue 实例上，同时可使用 sockets 对象轻松实现组件化的事件监听，在 vue 项目中使用起来更方便。
Vue 使用socket.io实现聊天室
小白兔奶糖の博客
12-08 1922
使用socket.io可以实现聊天室的实时通信功能，完整的聊天室功能还需要处理用户登录、发送图片、语音等功能，这里只是简单介绍了如何使用socket.io实现实时通信。除了使用socket.io实现实时通信，也可以使用其他的技术实现，如WebSocket、HTTP Long Polling等。消息的推送：需要实现消息的推送功能，在用户发送消息时，将消息推送给其他用户。用户登录：需要实现用户注册、登录功能，并将用户信息存储在后端服务器中。消息的存储：需要将消息存储在数据库中，方便以后查询历史消息。
Socket.IO 实现原理（一篇文章让你彻底弄懂即时聊天技术）
~朴：shu的博客
12-05 1784
Socket.IO，支持及时、双向与基于事件的交流。它可以在每个平台、每个浏览器和每个设备上工作，可靠性和速度同样稳定，本文将详细介绍 socket.io、socket.io-client、vue-socket.io三者的关系，Vue3 中使用 Socket.io-client 进行通信的分析过程，快来看看吧~
vue-socket.io的基本使用
weixin_46352558的博客
05-16 3092
第一步 安装vue-socket.io npm install vue-socket.io --save 第二步 在main.js引入 // vue-socket.IO import VueSocketIO from 'vue-socket.io' // socket 连接参数 Vue.use(new VueSocketIO({ debug: true, //false可以关闭打印 connection: config.socketUrl, //链接地址动态 conne
Vue 使用 Vue-socket.io 实现即时聊天应用（实战篇 一）
~朴：shu的博客
11-16 1万+
目录 1. 项目说明： 2. 项目的创建： 3.使用编辑器打开项目： 4. 下载ElementUI: 5. 使用elementUI搭建聊天应用主体框架： 6. Footer的实现： 7. Aside的实现 7.1 渲染用户列表； 7.2 个人信息： 7.3 搜索框实现 8. vuex的设计： 9. Header实现： 10.Main的实现： 11. 总结： 1. 项目说明： 本项目基于vue2与cli3，使用vue-socket.io实现即时聊天的小应用，从项目的搭...
socket.io在vue的基本使用
m0_65519288的博客
06-11 8102
对于上一篇内容，没有说到socket的基本使用，这篇文章说说socket.io在前端和后端的使用。该项目的技术栈为：前端：vue2 + socket.io后端：express + socket.io。
猿创征文｜vue中SocketIO的正确使用方法，并且解决跨域问题
wangxiaosheng11的博客
09-01 4367
vue中SocketIO的正确使用方法，并且解决跨域问题
vue-socket.io@3
04-14
vue-socket.io@3是一个用于在Vue.js应用程序中实现实时双向通信的库。它基于Socket.IO，提供了一种简单而强大的方式来处理实时数据传输。以下是关于vue-socket.io@3的一些介绍： 1. 安装和配置：你可以使用npm或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值