为什么我没有收到回复？（详细信息未在 Laravel Vue js Websockets 中更新）

Question

(PHP ^7.2.5 and laravel ^7.24 , beyondcode laravel:^1.12pusher/pusher-php-server 5.0.3 交互库使用 Pusher REST API )

Env File This is my env file. Id and Key values are real and I have used it in bootstrap.js file
PUSHER_APP_ID=myappid
PUSHER_APP_KEY=myappkey
PUSHER_APP_SECRET=myappsecret
PUSHER_APP_CLUSTER=mt1
After following the tutorial from this link https://medium.com/@aschmelyun/adding-real-time-updates-to-your-laravel-and-vue-apps-with-laravel-websockets-a1d9a69f7c12 Event File

class OrderEvent implements ShouldBroadcast
{
    use Dispatchable, InteractsWithSockets, SerializesModels, OtherTrait;

    /**
     * Create a new event instance.
     *
     * @return void
     */
    public $orders;
    public $orderRepo;
    public function __construct()
    {

        $this->orders = 'Hello World';
        //return response()->json(ResponseHelper::GenerateResponse(200, '', ['order' => $order]), 200);
    }

    /**
     * Get the channels the event should broadcast on.
     *
     * @return \Illuminate\Broadcasting\Channel|array
     */
    public function broadcastOn()
    {
        return new Channel('orders');
    }    
}

Bootstrap.js File

import Echo from 'laravel-echo';

window.Pusher = require('pusher-js');

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: 'myappkey',
    cluster: 'mt1',
    forceTLS: false,
    encrypted: false,
    wsHost: window.location.hostname,
    wsPort: 6001,
    wssPort: 6001,
    disableStats: true,
    enabledTransports: ['ws', 'wss']
});

组件文件

 created() {
    window.Echo.channel("orders").listen("OrderEvent", (e) => {
      debugger;
      console.log(e.orders);
      //this.setEchotoWork(e.orders);
    });
    this.fetchData();
  },

Answer 1

如果您收到与 array_merge

为什么我没有收到回复？（详细信息未在 Laravel Vue js Websockets 中更新）

Why I am not receving response ?( Details not updating in Laravel Vue js Web Sockets)

websocket

laravel

vue.js