vue前端和nodejs后端使用socket.io无法通信问题解决

已于 2023-06-19 19:26:30 修改
阅读量436 收藏
点赞数
分类专栏： bug记录 文章标签： 前端 vue.js javascript
于 2023-06-19 19:21:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50702814/article/details/131293710
版权
浅陌sss
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Juego_Nodejs:使用 Node.js 和 socket.io 创建的多人游戏
07-10
标题“Juego_Nodejs:使用 Node.js 和 socket.io 创建的多人游戏”揭示了这是一个基于Node.js和socket.io技术开发的多人在线游戏项目。Node.js是一个使用JavaScript运行时环境，它允许开发者在服务器端使用JavaScript...
nodejs-chat:使用nodejs，socket.io和mongodb的聊天系统
04-29
综上所述，"nodejs-chat"项目展示了如何利用JavaScript全栈能力构建一个实时聊天系统，通过Node.js处理后端逻辑，Socket.IO实现双向通信，MongoDB存储消息，形成一个高效、实时的聊天解决方案。这个项目对于学习和...
vue-socket.io跨域问题有效解决方法
11-21
网友问题： 使用了vue-cli这个脚手架工具。在开发环境中如何配置跨域这个我懂。但是使用npm run build后，里面所有的ajax的跨域请求url都变成了根目录。 这样该如何解决部署的跨域问题？ 报错信息： Access to XMLHttpRequest at ‘http://192.168.37.130:5050/socket.io/?EIO=3&transport=polling&t=N0oqNsW’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control
vue-socket.io无法连接
weixin_43110440的博客
07-31 1499
vue-socket.io的最新版本有问题，建议使用3.0.7，同时需要把原来的文件删除重新下载，建议手动删除
vue nodejs express socket.io 连接失败
weixin_43517374的博客
08-03 312
vue nodejs express socket.io 连接失败https://blog.csdn.net/qq_31967569/article/details/114786587 这是一位大佬的文章地址，我只是做个搬运，然后把关键词打出来 容易搜索 https://blog.csdn.net/qq_31967569/article/details/114786587 ...
vue前端+node后台的聊天项目（socket，socket.io-client），前端传的数据为什么后端接收不到
AshleyXM的博客
03-30 808
ps：以下仅记录个人经验，有些表述可能不够严谨。 最近在学习vue，用socket实现一个聊天项目，前端用的vue，后台用的node。然后出现了一个难解的bug：前端emit的数据，后台on函数怎么也接收不到，无法触发on函数里的回调函数。 找bug找了三天，给我整抑郁了，一直觉得是自己的代码有问题，浏览器的F12调试找不出原因， 终端也没提示报错信息，加断点也没效果，最后一想是不是库的版本有问题，果然就是！ 一搜索，发现一篇博客（博客地址）的博主有着类似问题，这个博主是用python做后台的。然后我更加坚
vue-socket.io Cannot set property ‘$socket‘ of undefined 解决方案
xuelang532777032的博客
10-28 2086
博主原创转载附上 本博文链接xuelang532777032的博客_雪狼之夜_CSDN博客 1、博主环境 vue3 typescript4.1.5 vue-socket.io 3.0.10 看了vue-socket.io 作者好像没啥心情更新依赖，提交的也没怎么管，无奈，直接debugger着调吧。 对是这个报错，很明显是挂载vue出了问题，看了源码，vue.prototype 肯定是不行的， install(Vue) { Vue.prototype.$so....
基于nodejs+express+socket.io模块构建的强大网页聊天室+Vue前端+源码+项目文档（毕业设计&课程设计）
最新发布
06-03
基于nodejs+express+socket.io模块构建的强大网页聊天室+Vue前端+源码+项目文档，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用~ 项目简介： 聊天室是一个基于...
chat-app:使用 NodeJS 和 socket.io 的聊天应用程序
06-07
Socket.io是一个实时应用库，它在客户端和服务器之间提供实时、双向通信。这个库特别适合用来开发聊天应用程序，因为它可以实现实时的数据交换，让消息能够即时发送和接收。 在描述中提到的“聊天应用”是基于Node....
realtimechat-nodejs:与 Node.js 和 Socket.io 实时聊天
06-07
《使用Node.js与Socket.io构建实时聊天应用》 在当今的Web开发中，实时通信功能已经成为...Node.js和Socket.io的组合为实时通信提供了一种强大而灵活的解决方案，使得开发者可以轻松地创建出满足现代需求的实时应用。
NodeJS中使用Socket.IO
weixin_51072684的博客
03-28 2359
Socket.IO 是一个库，可以在客户端和服务器之间实现低延迟双向和基于事件的通信。它建立在WebSocket协议之上，并提供额外的保证，例如回退到 HTTP 长轮询或自动重新连接。
使用 express + vue 开发 socket.io 跨域踩坑
weixin_41886801的博客
01-30 650
【代码】使用 express + vue 开发 socket.io 跨域踩坑。
使用 socket.io 跨域问题的解决（整理了四种方法，总有成功的！） Access to XMLHttpRequest at ‘http://localhost:4000/socket.io
热门推荐
17902的博客
07-28 1万+
最近做项目，前台是react，后台是express+nodejs，用到 socket.io 做聊天功能。 报错：问题大意指跨域了 客户端代码： import io from 'socket.io-client' // 连接服务器, 得到与服务器的连接对象 const socket = io('ws://localhost:4000') 服务器端代码： module.exports = function (server) { const io = require('socket.io')(se.
在vue3+vite3中使用socket.io-client踩坑记录
第⑦个前端
09-06 2951
这是因为vite运行项目时，不会将node环境给整体打包进入到项目中，而低版本的socket.io-client是需要child_proccess这个环境的。但是目前的浏览器，又没有内置这个模块，所以就会造成，程序找不到这个child_proccess模块。如果你使用的不是最新版本的socket.io-client（目前最新是v4.5.2），很有可能使用的3.X或者2.X版本。设置forceJSONP用来解决这个问题，在此请求socket连接，就会携带sid。需求就是，后台需要sid就行判断传输客户端。
Springboot+vue前后端socketio一直重复连接
SuiNa233的博客
01-13 1800
这个问题搞了好久，终于发现是前后端的socketio的版本不兼容。 我springboot用的是： <dependency> <groupId>com.corundumstudio.socketio</groupId> <artifactId>netty-socketio</artifactId> <version>1.7.7</version> </dependenc
使用Socket.io 在跨域时遇到的坑
freeman983
11-04 7737
以下这些问题仅在跨域时才遇到 使用flashsocket,报错： make sure the server is running and Flash socket policy file is correctly placed 解决方案，增加policyServer.js var net = require('net'); var fs = require('fs'); ...
node服务端解决socket.io跨域问题express,koa
Future1994的博客
12-09 3627
开始 我们今天主要记录下socket.io跨域的问题 我们服务端采用node分别使用express,koa搭建 首先我们下载socket.io $ npm i socket.io 首先是express搭建 // 导入express const express = require("express") const app = express() // 开启socket服务 let server = app.listen(12345) // socke...
解决nodejs socket.io is not allowed by Access-Control-Allow-Origin 跨域问题
w36680130的博客
12-26 716
解决nodejs socket.io is not allowed by Access-Control-Allow-Origin 跨域问题
nginx 配置node socket.io+vue的负载均衡
05-04
要实现nginx配置node socket.io vue的负载均衡，需要先安装nginx和node.js以及socket.io。 以下是简单的步骤： 1. 安装nginx 使用以下命令安装nginx： ``` sudo apt-get update sudo apt-get install nginx ``` 2. 配置nginx 在 /etc/nginx/conf.d/ 目录下创建一个新的配置文件，例如 socketio.conf，将以下内容粘贴到文件中： ``` upstream socketio_backend { ip_hash; server node1:3000; server node2:3000; } server { listen 80; server_name yourdomain.com; location / { proxy_pass http://socketio_backend; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; } } ``` 这个配置文件设置了一个名为 socketio_backend 的负载均衡器，它将请求转发到两个不同的Node.js服务器，分别是 node1 和 node2，它们都运行在3000端口上。 3. 安装Node.js和socket.io 在 node1 和 node2 服务器上安装 Node.js 和 socket.io，使用以下命令： ``` sudo apt-get update sudo apt-get install nodejs sudo apt-get install npm sudo npm install socket.io ``` 4. 在Node.js中使用socket.io 在 Node.js 应用程序中使用以下代码启动 socket.io： ``` var io = require('socket.io')(3000); io.on('connection', function (socket) { console.log('a user connected'); }); ``` 这段代码启动了一个 socket.io 实例，并监听在3000端口上，当有一个新的客户端连接时，会在控制台输出“a user connected”。 在Vue.js中使用socket.io 在Vue.js应用程序中使用以下代码连接到socket.io： ``` import io from 'socket.io-client'; const socket = io('http://yourdomain.com'); ``` 这段代码连接到运行在yourdomain.com的socket.io服务器。 至此，你就可以在Vue.js应用程序中使用socket.io了，并且通过nginx实现了负载均衡。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值