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

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

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

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 声望
暂无个人描述~
《L03 构架 API 服务器》
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用 和 API 开发相关的进阶知识。
《L02 从零构建论坛系统》
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
未定义
Laravel 8.x 译者 189 声望 / 搬砖的 @ 新世界
最佳答案

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

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

file

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

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

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

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

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

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

1
Liuzhipeng_laravel
Laravel 8.x 译者 71 声望

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

file

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

@TELstatic

事件代码

file

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

Laravel

3年前 评论
未定义 3年前
是不是少了什么
未定义 3年前
你这边没有定义 broadcastAs 函数,那么前端监听事件应该是事件的类名称,而不是 .server.wchat
未定义 3年前
要么定义 broadcastAs 要么改前端的事件名称 好像你这边命名空间也变了 这个也有影响的 Echo 默认命名空间是 App\Events
Liuzhipeng_laravel （作者） （楼主） 3年前
我本来是有broadcastAs函数，然后我想试试去掉有没有效果。我去掉了broadcastAs函数然后，前端监听的事件名加上了命名空间。但是还是没有监听到，我感觉是某个地方没有配置好，我正在检查
Liuzhipeng_laravel
Laravel 8.x 译者 71 声望

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

3年前 评论
我的世界
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
3年前 评论
Liuzhipeng_laravel （楼主） 3年前
你和我遇到的问题应该不一样，我感觉你的是前端代码写错了
我的世界 （作者） 3年前
@Liuzhipeng_laravel 我看了你的前端代码和我的逻辑一样，我检查过没错
Liuzhipeng_laravel （楼主） 3年前
如果你的socket.io-client版本是2.*仍然出现这个问题，那么你应该有其他错误，可以检查检查细节。祝你早日解决
我的世界 （作者） 3年前
@Liuzhipeng_laravel 这是我的版本"socket.io": "^3.0.5", "socket.io-client": "^3.0.5",
Liuzhipeng_laravel （楼主） 3年前
建议你看看上面的解决方法，然后再找出自己的问题

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

关于 LearnKu

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

资源推荐

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

    • 服务提供商

    其他信息

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

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

    由 Summer 设计和编码 ❤

    请登录

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

    我要举报该，理由是：

    取消