Ошибка клиента Socket IO должна быть глобально доступна

Я использую nuxt/laravel API с laravel-echo-server и socket.io-client.

Когда я использую это так:

import Echo from 'laravel-echo'
if (process.client) {
  window.io = require('socket.io-client')
  window.Echo = new Echo({
     broadcaster: 'socket.io',
     host: 'http://seekers-backend.com:6001',
     auth: { headers: { Authorization: 'Bearer-token' } }
  })
}

А потом используйте window.Echo.private().listen().... работает отлично..

Но когда я пытаюсь объявить его в свойстве данных, я получаю сообщение об ошибке, потому что оно отображается на стороне сервера... Как я могу использовать socket.io-client при рендеринге на стороне сервера или как я могу объявить его на стороне клиента, так как мне нужен доступ к getters для токена носителя .

laravel vue.js socket.io nuxt.js laravel-echo

16.07.2019 21:13

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Поиск нового уровня в Laravel с помощью MeiliSearch и Scout

Laravel Scout - это популярный пакет, который предоставляет простой и удобный способ добавить полнотекстовый поиск в ваше приложение Laravel. Он...

Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков

В последние годы архитектура микросервисов приобрела популярность как способ построения масштабируемых и гибких приложений. Laravel , популярный PHP...

Как построить CRUD-приложение в Laravel

Laravel - это популярный PHP-фреймворк, который позволяет быстро и легко создавать веб-приложения. Одной из наиболее распространенных задач в...

726

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Думаю, я нашел способ, который работает по неизвестной причине: D

импортировать эхо из 'laravel-echo'

if (process.client) {
  window.io = require('socket.io-client')
}

А потом

mounted() {
  let echo = new Echo({
    broadcaster: 'socket.io',
    host: 'http://seekers-backend.com:6001',
    auth: { headers: { Authorization: this.token } }
  })
  echo.private('user.' + this.$auth.user.id)
  .listen('MessageEvent', (e) => {
    // Do stuff
  })
}

16.07.2019 22:00

Другие вопросы по теме

Проблемы с CRUD при использовании Laravel и Vue.js

Как использовать поддерживаемые ssr пакеты в vue с vue-server-renderer?

Компонент универсального оповещения Vuetify по времени

Vue v-show не отображается при изменении значения

Элемент выбора пользовательского интерфейса элемента не устанавливает значение динамически

Я получаю сообщение об ошибке, когда пытаюсь получить 50% изображения с помощью CropperJS

Извлечь данные из [__ob__: Observer]

Добавьте обратный вызов к хуку уничтожения экземпляра Vue

Firebase не инициализирован в маршрутизаторе Vue3

Ионный vue-плагин

Ошибка клиента Socket IO должна быть глобально доступна

Ответы 1

Другие вопросы по теме

Похожие вопросы