Javascript Laravel Echo侦听器在前端不工作
我创建了一个事件:Javascript Laravel Echo侦听器在前端不工作,javascript,php,laravel,socket.io,laravel-echo,Javascript,Php,Laravel,Socket.io,Laravel Echo,我创建了一个事件: <?php namespace App\Events; use Illuminate\Broadcasting\Channel; use Illuminate\Broadcasting\InteractsWithSockets; use Illuminate\Broadcasting\PresenceChannel; use Illuminate\Broadcasting\PrivateChannel; use Illuminate\Contracts\Broadc
<?php
namespace App\Events;
use Illuminate\Broadcasting\Channel;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Broadcasting\PresenceChannel;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Queue\SerializesModels;
class QueueStatus implements ShouldBroadcast
{
use Dispatchable, InteractsWithSockets, SerializesModels;
public $queue;
public function __construct()
{
$queue = 'test2';
}
public function broadcastOn()
{
return new Channel('thechannel');
}
public function broadcastWith()
{
return ['test1'];
}
public function broadcastAs() {
return 'examplee';
}
}
路线:
Route::get('/', function () {
event(new \App\Events\QueueStatus());
return view('welcome');
});
laravel-echo-server.json:
{
"authHost": "http://localhost",
"authEndpoint": "/broadcasting/auth",
"clients": [
{
"appId": "2583d37858d083b7",
"key": "248536aa1290916b4cd80279fe8fa4cf"
}
],
"database": "redis",
"databaseConfig": {
"redis": {},
"sqlite": {
"databasePath": "/database/laravel-echo-server.sqlite"
}
},
"devMode": true,
"host": null,
"port": "6001",
"protocol": "http",
"socketio": {},
"secureOptions": 67108864,
"sslCertPath": "",
"sslKeyPath": "",
"sslCertChainPath": "",
"sslPassphrase": "",
"subscribers": {
"http": true,
"redis": true
},
"apiOriginAllow": {
"allowCors": true,
"allowOrigin": "http://localhost:8000",
"allowMethods": "GET",
"allowHeaders": "Origin, Content-Type, X-Auth-Token, X-Requested-With, Accept, Authorization, X-CSRF-TOKEN, X-Socket-Id"
}
}
环境文件:
APP_NAME=Laravel
APP_ENV=local
APP_KEY=base64:tDyjOGMQ5AhlIdieUGZnhTi3IcJ7+vx4m8H6rDi9idI=
APP_DEBUG=true
APP_URL=http://localhost
LOG_CHANNEL=stack
LOG_LEVEL=debug
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=assets_daily_info
DB_USERNAME=root
DB_PASSWORD=
BROADCAST_DRIVER=redis
CACHE_DRIVER=file
QUEUE_CONNECTION=sync
SESSION_DRIVER=file
SESSION_LIFETIME=120
REDIS_HOST=127.0.0.1
REDIS_PASSWORD=null
REDIS_PORT=6379
当我将广播驱动程序设置为日志时:
[2020-11-26 16:19:52] local.INFO: Broadcasting [QueueStatuss] on channels [thechannel] with payload:
{
"0": "test1",
"socket": null
}
当我通过CLI将广播驱动程序设置为redis和monitor redis时:
1606408782.818033 [0 127.0.0.1:11665] "EVAL" "for i = 2, #ARGV do\n redis.call('publish', ARGV[i], ARGV[1])\nend" "0" "{\"event\":\"examplee\",\"data\":{\"0\":\"test1\",\"socket\":null},\"socket\":null}" "thechannel"
1606408782.818162 [0 lua] "publish" "thechannel" "{\"event\":\"examplee\",\"data\":{\"0\":\"test1\",\"socket\":null},\"socket\":null}"
看起来一切正常,但前端的浏览器控制台没有显示任何日志。有什么问题吗?为什么我不能让听众在前端工作?
我试着改变广播,并且在前端的名字前加一个点。
但是仍然没有运气。很奇怪,但是,我通过将socket.io-client从3.0.3降级到2.3.0来修复它。很奇怪,但是,我通过将socket.io-client从3.0.3降级到2.3.0来修复它。谢谢你Mostafa,这也为我修复了它。@LaurentRoger不客气。真希望我在这么多小时前就发现了这一点。:这为我解决了这个问题。因为这个Github票证,我找到了这个答案:拯救了我的生命-终于。在这个问题上已经花了3天时间,但没有考虑降级套接字。io-client:谢谢你Mostafa,这也帮我解决了。@LaurentRoger不客气。真希望我在这么多小时前就发现了这个问题。:这为我解决了这个问题。因为这个Github票证,我找到了这个答案:拯救了我的生命-终于。在这个问题上已经花了3天时间,但没有考虑降级socket.io-client:
1606408782.818033 [0 127.0.0.1:11665] "EVAL" "for i = 2, #ARGV do\n redis.call('publish', ARGV[i], ARGV[1])\nend" "0" "{\"event\":\"examplee\",\"data\":{\"0\":\"test1\",\"socket\":null},\"socket\":null}" "thechannel"
1606408782.818162 [0 lua] "publish" "thechannel" "{\"event\":\"examplee\",\"data\":{\"0\":\"test1\",\"socket\":null},\"socket\":null}"