vue+laravel前后端分离项目中使用laravel-echo,我遇到了问题

问答 / 5 / 23 / 创建于 4年前

laravel-echo-server运行后、并且触发广播事件

vue前端监听代码

vue+laravel前后端分离项目中使用laravel-echo,我遇到了问题

前端连接信息

vue+laravel前后端分离项目中使用laravel-echo,我遇到了问题

我想得到的帮助

按照逻辑后端触发来广播事件，前端浏览器控制台应该能看到监听的信息，但是我的控制台看不到，也就意味着前端监听不到后端的广播事件，我不知道该怎么调试，请帮帮我。

laravel-echo vue

保持好奇，求知若饥，终身编程

Liuzhipeng_laravel

Laravel 8.x 译者 71 声望

暂无个人描述~

0 人点赞

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

推荐文章：

更多推荐...

博客

花了四个月打磨的 Laravel Plus 开源 34 / 101 |

试用 Laravel + 树莓派搭建视频监控，并支持线上访问 27 / 19 |

博客

Laravel 实用小技巧——缓存标签的小秘密（下） 12 / 11 |

博客

Laravel 实用小技巧——缓存标签的小秘密（上） 17 / 6 |

博客

你好，InnoCMS：一个 Laravel 社区老员的开源建站之旅 34 / 51 |

博客

PHP 中一次反射需要多长时间 28 / 9 |

未定义

Laravel 8.x 译者 189 声望 / 搬砖的 @ 新世界

最佳答案

问答：Laravel-echo-server 加入不了频道

4年前评论

Liuzhipeng_laravel （楼主）

感谢，你的这个方案和我的不一样，我觉得不能像你那样解决，首先我没办法在vue里像你那样引入<script src="/js/socket.io.js"></script>

未定义（作者）

@Liuzhipeng_laravel 版本呢?

Liuzhipeng_laravel （楼主）

我试试，稍后反馈

未定义（作者）

@Liuzhipeng_laravel 看下面那条回复应该是这个问题

讨论数量: 23

sreio

课程读者 144 声望 / sreio @ Great and Unusual Technologies Ltd.

file

4年前评论

Liuzhipeng_laravel （楼主）

我打开这个选项是websocket链接 101状态，我还是无从下手

未定义

Laravel 8.x 译者 189 声望 / 搬砖的 @ 新世界

问答：Laravel-echo-server 加入不了频道

4年前评论

Liuzhipeng_laravel （楼主）

感谢，你的这个方案和我的不一样，我觉得不能像你那样解决，首先我没办法在vue里像你那样引入<script src="/js/socket.io.js"></script>

未定义（作者）

@Liuzhipeng_laravel 版本呢?

Liuzhipeng_laravel （楼主）

我试试，稍后反馈

未定义（作者）

@Liuzhipeng_laravel 看下面那条回复应该是这个问题

迟早被自己骚死

课程读者 14 声望 / 白银打工人 @ SOGAL

前端的 channel 要注意，它实际上会加上 database.php 里面的 redis.options.prefix 前缀的。

4年前评论

Liuzhipeng_laravel （楼主）

我本来没设置options，我看了你的建议加上了却依然没有任何反应

Liuzhipeng_laravel

Laravel 8.x 译者 71 声望

@TELstatic 我把socket.io-client版本改为2.4.0之后，前端真的可以加入频道了，在laravel-echo-server了可以清楚看到，但是我还是监听不到事件，我还在继续思考

file

4年前评论

未定义

事件的代码贴一下

Liuzhipeng_laravel

Laravel 8.x 译者 71 声望

@TELstatic

事件代码

file

按道理说这个事件触发应该会在控制台响应如下内容：

Laravel

4年前评论

未定义

是不是少了什么

未定义

你这边没有定义 broadcastAs 函数,那么前端监听事件应该是事件的类名称,而不是 .server.wchat

未定义

要么定义 broadcastAs 要么改前端的事件名称好像你这边命名空间也变了这个也有影响的 Echo 默认命名空间是 App\Events

Liuzhipeng_laravel （作者）（楼主）

我本来是有broadcastAs函数，然后我想试试去掉有没有效果。我去掉了broadcastAs函数然后，前端监听的事件名加上了命名空间。但是还是没有监听到，我感觉是某个地方没有配置好，我正在检查

Liuzhipeng_laravel

Laravel 8.x 译者 71 声望

@TELstatic 是因为之前的socket.io-client版本问题，导致我修改命名空间的时候搞混了写法，命名空间按照官方文档就是正确的，最终的问题是因为socket.io-client版本导致了我之后的写法失误，socket.io-client的版本问题有没有官方的说明

4年前评论

我的世界

0 声望

你的问题解决了吗，我也出现了和你一样的问题，我的cmd还有报错

file

[ioredis] Unhandled error event: Error: read ECONNRESET
    at TCP.onStreamRead (internal/stream_base_commons.js:209:20)

找了两天没找出什么原因
而且我的浏览器也是不停的请求:6001/socket.io/?EIO=4&transport=polling&t=NR_1DxM
但返回的数据都不知道是什么
这就是返回的数据

96:0{"sid":"6oWcEpT2Wy8UuACMAAAK","upgrades":["websocket"],"pingInterval":25000,"pingTimeout":5000}2:40

4年前评论

Liuzhipeng_laravel （楼主）

你和我遇到的问题应该不一样，我感觉你的是前端代码写错了

我的世界（作者）

@Liuzhipeng_laravel 我看了你的前端代码和我的逻辑一样，我检查过没错

Liuzhipeng_laravel （楼主）

如果你的socket.io-client版本是2.*仍然出现这个问题，那么你应该有其他错误，可以检查检查细节。祝你早日解决

我的世界（作者）

@Liuzhipeng_laravel 这是我的版本"socket.io": "^3.0.5", "socket.io-client": "^3.0.5",

Liuzhipeng_laravel （楼主）

建议你看看上面的解决方法，然后再找出自己的问题

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

vue+laravel前后端分离项目中使用laravel-echo,我遇到了问题

laravel-echo-server运行后、并且触发广播事件

vue前端监听代码

前端连接信息

我想得到的帮助

推荐文章：

事件代码

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

vue+laravel前后端分离项目中使用laravel-echo,我遇到了问题

laravel-echo-server运行后、并且触发广播事件

vue前端监听代码

前端连接信息

我想得到的帮助

推荐文章：

事件代码

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录