vue3使用socket.io

  • Post author:
  • Post category:vue


我们的项目出现聊天室、客服等需求,需要与服务器建立双全工通信,这里使用socket.io框架,

具体使用步骤可以查询官方文档,非常简单,方便。这里主要解决使用时遇到的坑。

我是用vue3搭建的项目,

问题一:vue-socket.io与socket.io的区别

一、socket.io

1.在项目的

入口文件index.js

用socket链接

<script src="https://cdn.socket.io/4.4.1/socket.io.min.js" 
	integrity="sha384-fKnu0iswBIqkjxrhQCTZ7qlLHOFEgNkRmK2vaO/LbTZSXdJfAu6ewRBdwHPhBo/H" 
	crossorigin="anonymous">
</script>

2.在需要的页面使用window.io.connect(‘—’) —表示服务器地址

var socket = window.io.connect('http://localhost:3000')

我用node.js在本地3000端口上写了服务器

服务端代码

var {createServer} = require('http&#



版权声明:本文为m0_67391401原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。