Laravel
话题列表 社区 Wiki 优质外文 招聘求职 Laravel 实战教程 社区文档
登录
注册

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

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

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

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

vue前端监听代码

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

前端连接信息

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

我想得到的帮助

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

laravel-echo vue
保持好奇，求知若饥，终身编程
Liuzhipeng_laravel
Laravel 8.x 译者 71 声望
暂无个人描述~
《L05 电商实战》
《L05 电商实战》
从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L01 基础入门》
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。
未定义
Laravel 8.x 译者 189 声望 / 搬砖的 @ 新世界
最佳答案

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

4年前 评论
Liuzhipeng_laravel （楼主） 4年前
感谢，你的这个方案和我的不一样，我觉得不能像你那样解决，首先我没办法在vue里像你那样引入<script src="/js/socket.io.js"></script>
未定义 （作者） 4年前
@Liuzhipeng_laravel 版本呢?
Liuzhipeng_laravel （楼主） 4年前
我试试，稍后反馈
未定义 （作者） 4年前
@Liuzhipeng_laravel 看下面那条回复 应该是这个问题
1
讨论数量: 23
排序：
时间 投票
sreio
课程读者 144 声望 / sreio @ Great and Unusual Technologies Ltd.

file

4年前 评论
Liuzhipeng_laravel （楼主） 4年前
我打开这个选项是websocket链接 101状态，我还是无从下手
1
未定义
Laravel 8.x 译者 189 声望 / 搬砖的 @ 新世界

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

4年前 评论
Liuzhipeng_laravel （楼主） 4年前
感谢，你的这个方案和我的不一样，我觉得不能像你那样解决，首先我没办法在vue里像你那样引入<script src="/js/socket.io.js"></script>
未定义 （作者） 4年前
@Liuzhipeng_laravel 版本呢?
Liuzhipeng_laravel （楼主） 4年前
我试试，稍后反馈
未定义 （作者） 4年前
@Liuzhipeng_laravel 看下面那条回复 应该是这个问题
1
迟早被自己骚死
课程读者 14 声望 / 白银打工人 @ SOGAL

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

4年前 评论
Liuzhipeng_laravel （楼主） 4年前

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

1
Liuzhipeng_laravel
Laravel 8.x 译者 71 声望

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

file

4年前 评论
未定义 4年前
事件的代码贴一下
Liuzhipeng_laravel
Laravel 8.x 译者 71 声望

@TELstatic

事件代码

file

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

Laravel

4年前 评论
未定义 4年前
是不是少了什么
未定义 4年前
你这边没有定义 broadcastAs 函数,那么前端监听事件应该是事件的类名称,而不是 .server.wchat
未定义 4年前
要么定义 broadcastAs 要么改前端的事件名称 好像你这边命名空间也变了 这个也有影响的 Echo 默认命名空间是 App\Events
Liuzhipeng_laravel （作者） （楼主） 4年前
我本来是有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 （楼主） 4年前
你和我遇到的问题应该不一样，我感觉你的是前端代码写错了
我的世界 （作者） 4年前
@Liuzhipeng_laravel 我看了你的前端代码和我的逻辑一样，我检查过没错
Liuzhipeng_laravel （楼主） 4年前
如果你的socket.io-client版本是2.*仍然出现这个问题，那么你应该有其他错误，可以检查检查细节。祝你早日解决
我的世界 （作者） 4年前
@Liuzhipeng_laravel 这是我的版本"socket.io": "^3.0.5", "socket.io-client": "^3.0.5",
Liuzhipeng_laravel （楼主） 4年前
建议你看看上面的解决方法，然后再找出自己的问题

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！
支持 MD 帮助
Liuzhipeng_laravel 71 声望
TA 的博客
社区赞助商
成为赞助商

关于 LearnKu

LearnKu 是终身编程者的修道场
做最专业、严肃的技术论坛
LearnKu 诞生的故事

资源推荐

  • 《社区使用指南》
  • 《文档撰写指南》
  • 《LearnKu 社区规范》
  • 《提问的智慧》

    • 服务提供商

    其他信息

  • 成为版主
  • 所有测验
  • 联系站长（反馈建议）

    • 粤ICP备18099781号-6 | 粤公网安备 44030502004330号 | 违法和不良信息举报

    由 Summer 设计和编码 ❤

    请登录

    内容举报
    匿名举报，为防止滥用，仅管理员可见举报者。

    我要举报该，理由是：

    取消