問題タブ [laravel-broadcast]

axios get を使用してバックエンド laravel から API データを取得し、そのプロパティを使用して、コンポーネントのマウントされたセクション内のチャネルを連結するプロジェクトを行っています。

含まれている axios get を介して api/user を取得しています

axiosを介してlaravelバックエンドからユーザーデータを取得する方法は次のとおりです。

次に、 data() セクションで空の配列として宣言されます。

{{ user.id }} を介してテンプレートの id などのプロパティにアクセスできます。mounted() セクション内でアクセスしようとすると、オブジェクトが返されますが、console.log(this. user.id) をマウントすると、代わりに undefined がスローされます。マウントされたセクション内で this.user.id にアクセスする必要がある理由は、次のように指定された Laravel Echo を介して使用しているチャネルを連結するために使用しているためです。

私はVueにかなり慣れていないので、これで何が間違っているのかわかりません。誰かが私が間違っていることを指摘できたり、それを行うためのより良い方法があれば、それは大きな助けになるでしょう.

I am trying to populate the notification list on real-time but view vue component is not updating. My code so far:

app.js

NotificationItem.vue

NotificationAlert.vue

In my blade file I'm using it as

Except for real-time update everything else is working. If I refresh notifications are properly fetched and notification alert is properly displayed. But when Notification event occurs notification doesn't render on view without reloading but if I print the notification object in console it works perfectly fine. Any suggestion or help would be appreciated. Thanks

APIを呼び出すモバイルアプリ用にLaravel APIをセットアップしています。現在、Laravel Broadcastを初めて構成しています。サーバー側にlaravel-echo-serverとredisをインストールし、クライアント側にlaravel-echoとsocket.io-clientをインストールしました。

ご覧のとおり、以下のスクリーンショットでは、クライアントがチャネルにサブスクライブしています。

これが私のコードです

OrderController.php

OrderEvent.php

channels.php

node index.jsindex.js で次のコードを使用してターミナルで実行しようとしましたが、console.log から応答がありません。

index.js