Size: a a a

Nuxt.js | Vue SSR

2021 June 16

AN

Alexander Nemirov in Nuxt.js | Vue SSR
Почему nuxt не берет данные из json во время рендеринга на сервере?

В компоненте вывожу через computed

sortedListQA() {
   return _.sortBy([...QABase, ...QALk], ['sort'])
}


а сами json импортирую

import QABase from '@/static/json/faq/qa-base.json'
import QALk from '@/static/json/faq/qa-lk.json'



В итоге компонент прилетает без данных
источник

NK

ID:0 in Nuxt.js | Vue SSR
⚙️«4 способа настройки Vuex в Nuxt.js»

#article

https://masteringnuxt.com/blog/four-ways-to-setup-vuex-in-nuxt
источник

A

Aquinary in Nuxt.js | Vue SSR
Мммм
У кого был опыт работы с сокетами?
Вот в общем, я открываю сокет и начинаю прослушивать бэк:
 mounted() {
   let store = this.$store
   let route = this.$route
   this.connection = new WebSocket('ws://127.0.0.1:8000/users/messages/get/ws')
   this.connection.onopen = function (event) {
     console.log('Сокет открыт!')
   }
   this.connection.onmessage = function (event) {
     console.log(event.data)
   }
 }

И всё работает, но очень странным образом. А именно:
1. В обоих браузерах (разные пользователи типо) сокеты удачно открываются
2. В браузере А отправляю данные на сервер (через this.connect.send()) и сервер отвечает обратно (выводит данные в консоль) - это работает
3. Браузер Б на той же странице... молчит. Просто ничего не пишет в консоль. Хотя, как понимаю, там должен быть тоже вывод в консоль, после того, как в Браузере А была вызвана .send

Так вот, в чём может быть дело? Мб я что-то на фронте не так сделал или бэк шалит?
источник

e

eclegend in Nuxt.js | Vue SSR
А какие браузеры?)
источник

A

Aquinary in Nuxt.js | Vue SSR
vivaldi, один в обычном режиме, второй в приватном
Движок хрома
источник

ИБ

Илья Бельский... in Nuxt.js | Vue SSR
так надо не в консоли смотреть а на вкладке network вебсокет соединение для чистоты эксперимента 🙂
источник

ИБ

Илья Бельский... in Nuxt.js | Vue SSR
есть коннект с сервером или нет, есть пинг какой то от сервера
источник

ИБ

Илья Бельский... in Nuxt.js | Vue SSR
может сокет отваливается сразу
источник

A

Aquinary in Nuxt.js | Vue SSR
На локалхосте всё, бэк пишет, что коннект был
На скрине это когда отправляю данные в этом же браузере
источник

A

Aquinary in Nuxt.js | Vue SSR
А это в другом браузере, пытаюсь "ловить" данные
источник

A

Aquinary in Nuxt.js | Vue SSR
Оно работает в рамках одного браузера
источник

A

Aquinary in Nuxt.js | Vue SSR
Отрабатывает как надо
источник

A

Aquinary in Nuxt.js | Vue SSR
Но в рамках нескольких браузеров - шыш с маслом
источник

A

Aquinary in Nuxt.js | Vue SSR
Без соли
источник

N

ND in Nuxt.js | Vue SSR
а напомните пж - это же норм что в деве проект с тайлвиндом оч тяжелый
источник

AP

Anton Permyakov in Nuxt.js | Vue SSR
в проде лишние классы должны выпилиться
источник

AP

Anton Permyakov in Nuxt.js | Vue SSR
источник

N

ND in Nuxt.js | Vue SSR
а подскажите как гридами вот такую штуку сделать
источник

N

ND in Nuxt.js | Vue SSR
что бы лого было в 1 ряду на 100% а потом 2 колонки
источник

AP

Anton Permyakov in Nuxt.js | Vue SSR
#инструмент дня

Очередной генератор сеток CSS Grid: https://css-grid-layout-generator.pw/

Не говорите мне, что это масло-масленое. Многие до сих пор мыслят категориями Bootstrap и т. п., каждый раз приходится уточнять 👀

Так вот, этот довольно сложный.

Мне кажется, проще выучить спецификацию гридов, чем разобраться в нём 😅

Но упоминания стоит.

#css #grid #generator
источник