Телеграмм чат группы nuxtjs

2020 December 08

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество

а как бы теперь редирект сделать с catalog-id на catalog-id-goods?

нааример, _id.vue перенести в папку _id и переименовать в index.vue . тогда айди будет доступен по роуту - catalog/id, а гудс по роуту catalog/id/goods вроде как

источник

07:48пожаловаться #1

ВК

Вячеслав Колесников... in Nuxt.js — русскоговорящее сообщество

Всем привет. Стоит задача сделать модальное окно для с примерно таким содержанием - "УПС, что то пошло не так. Повторить попытку?". В общем модалка для пользователя, который зашел в лифт и потерял связь. Как правильно реализовать?

Вот тезисы, которые вижу:
- общая штука или персональизированная под каждое место (в идеале общая)
- если запросов несколько - модалка одна если отвалился хоть один из нужных запросов
- тайм аут общий на нужные запросы на данный момент, чтобы если какой то долгий - выводим модалку
- желательно обновлять только отвалившийся запрос, а не все
- реализация должна учитывать параллельные и последовательные запросы

источник

08:01пожаловаться #2

ВК

Вячеслав Колесников... in Nuxt.js — русскоговорящее сообщество

Помогите советом

источник

08:01пожаловаться #3

ВК

Вячеслав Колесников... in Nuxt.js — русскоговорящее сообщество

Или может быть есть коробочное решение какое

источник

08:02пожаловаться #4

ДК

Дмитрий Кузнецов... in Nuxt.js — русскоговорящее сообщество

Вячеслав Колесников

Всем привет. Стоит задача сделать модальное окно для с примерно таким содержанием - "УПС, что то пошло не так. Повторить попытку?". В общем модалка для пользователя, который зашел в лифт и потерял связь. Как правильно реализовать?

Вот тезисы, которые вижу:
- общая штука или персональизированная под каждое место (в идеале общая)
- если запросов несколько - модалка одна если отвалился хоть один из нужных запросов
- тайм аут общий на нужные запросы на данный момент, чтобы если какой то долгий - выводим модалку
- желательно обновлять только отвалившийся запрос, а не все
- реализация должна учитывать параллельные и последовательные запросы

Общая модалка с состоянием в сторе + добавить на уровне интерцептора обработку ошибки

источник

08:32пожаловаться #5

ВК

Вячеслав Колесников... in Nuxt.js — русскоговорящее сообщество

вопрос как реализовать несколько запросов сразу

источник

08:35пожаловаться #6

ДК

Дмитрий Кузнецов... in Nuxt.js — русскоговорящее сообщество

А что несколько запросов?

источник

08:39пожаловаться #7

ДК

Дмитрий Кузнецов... in Nuxt.js — русскоговорящее сообщество

Если отваливаются, при получении ошибки можете её перехватывать и отдавать промис, который зарезолвите позже, когда появится коннект

источник

08:40пожаловаться #8

ДК

Дмитрий Кузнецов... in Nuxt.js — русскоговорящее сообщество

Я для такого использую axios

источник

08:40пожаловаться #9

ДК

Дмитрий Кузнецов... in Nuxt.js — русскоговорящее сообщество

Там при создании инстанса можно описать поведение

источник

08:41пожаловаться #10

ДК

Дмитрий Кузнецов... in Nuxt.js — русскоговорящее сообщество

const instance = axios.create({})
  instance.interceptors.request.use(null, error => {
   if (error === 'Юзер в лифте') return new Promise((resolve, reject) => {
    console.log('Курим в сторонке');
    setTimeout(() => {
     instance.request(error.config).then(resolve).catch(reject)
    }, 10000)
   });
  })

источник

08:45пожаловаться #11

ДК

Дмитрий Кузнецов... in Nuxt.js — русскоговорящее сообщество

Грубо говоря так

источник

08:45пожаловаться #12

VS

Vladimir Sadchikov in Nuxt.js — русскоговорящее сообщество

Вячеслав Колесников

Помогите советом

Вам не кажется что это маргинальный кейс? Если важна именно реал-тайм коммуникация, то вероятно, тут помогут сокеты. В остальном случае, это просто обычный error handler.

источник

12:31пожаловаться #13

VS

Vladimir Sadchikov in Nuxt.js — русскоговорящее сообщество

И вас не устроит navigator.onLine флаг?)

источник

12:35пожаловаться #14

AZ

Alexander Zaplitniy in Nuxt.js — русскоговорящее сообщество

Проект на nuxtjs ^2.14.7, используем @nuxtjs/router
При попытке загррузить роут отложенно
const Page = () => import(/* webpackChunkName: "page" */ "./../pages/Page.vue");
проект собирается корректно, но при попытке зайти на страницу получаю ошибку
render function or template not defined in component: anonymous
кто-то сталкивался?

источник

14:18пожаловаться #15

W

Wacker in Nuxt.js — русскоговорящее сообщество

Снова добрый день) NUXT/Auth страницы падают 500
и реедиректа нету

когда приходит 401 от сервера

источник

14:19пожаловаться #16

PI

Petr Ivanov in Nuxt.js — русскоговорящее сообщество

Alexander Zaplitniy

Проект на nuxtjs ^2.14.7, используем @nuxtjs/router
При попытке загррузить роут отложенно
const Page = () => import(/* webpackChunkName: "page" */ "./../pages/Page.vue");
проект собирается корректно, но при попытке зайти на страницу получаю ошибку
render function or template not defined in component: anonymous
кто-то сталкивался?

покажи компонент

источник

14:26пожаловаться #17

AZ

Alexander Zaplitniy in Nuxt.js — русскоговорящее сообщество

Petr Ivanov

покажи компонент

компонент страницы?

источник

14:26пожаловаться #18

PI

Petr Ivanov in Nuxt.js — русскоговорящее сообщество

который в роуте использован

источник

14:26пожаловаться #19

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество

Привет, изучаю разные популярные сайты на код элемента, подхватываю структуру, нейминг и т.д.

Смотрю на сайт Нетфликса и пытаюсь.. Пытаюсь, но не могу понять их логику нейминга классов. Кто-нибудь сможет помочь?

источник

14:28пожаловаться #20