Size: a a a

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

2021 January 16

ОМ

Олег Миронов... in Nuxt.js — русскоговорящее сообщество
только для state
источник

YK

Yury Khmarin in Nuxt.js — русскоговорящее сообщество
Олег Миронов
nuxtServerInit только для клиента
а Вам нужно действие вообще при первом запуске сервера или при первом запуске у каждого юзера?
источник

ОМ

Олег Миронов... in Nuxt.js — русскоговорящее сообщество
Yury Khmarin
а Вам нужно действие вообще при первом запуске сервера или при первом запуске у каждого юзера?
При первом запуске у юзера, по сути хочу реализовать логин и загрузку основных данных при загрузке страницы
источник

V

Vlad in Nuxt.js — русскоговорящее сообщество
Yury Khmarin
а Вам нужно действие вообще при первом запуске сервера или при первом запуске у каждого юзера?
nuxtServerInit не запускается при старте сервера
источник

YK

Yury Khmarin in Nuxt.js — русскоговорящее сообщество
Vlad
nuxtServerInit не запускается при старте сервера
это я знаю)
источник

YK

Yury Khmarin in Nuxt.js — русскоговорящее сообщество
Олег Миронов
При первом запуске у юзера, по сути хочу реализовать логин и загрузку основных данных при загрузке страницы
// store/index.js

export const actions = {
 nuxtServerInit({dispatch}) { // Активируется с запуском сервера у юзера (перезагрузка сайта или открытие второй вкладки). Диспатчится сам.
   dispatch('auth/autoLogin')
 }
}
// store/auth.js

import Cookie from 'cookie' // Служит для парсинга
import Cookies from 'js-cookie' // Для записи и удаления различных куки
import jwtDecode from 'jwt-decode'

// ...

export const actions = {
// ...
 autoLogin({dispatch}) {
   const cookieStr = process.browser
   ? document.cookie
   : this.app.context.req.headers.cookie
   const cookies = Cookie.parse(cookieStr || '') || {}
   const token = cookies['jwt-token']
   if (isJwtValid(token)) {
     dispatch('setToken', token)
   } else {
     dispatch('logout')
   }
 }
}
источник

YK

Yury Khmarin in Nuxt.js — русскоговорящее сообщество
Олег Миронов
При первом запуске у юзера, по сути хочу реализовать логин и загрузку основных данных при загрузке страницы
у меня автологин так реализуется, проблем нет. Читает
либо из записанных куки, либо переданных с заголовками
источник

YK

Yury Khmarin in Nuxt.js — русскоговорящее сообщество
Олег Миронов
При первом запуске у юзера, по сути хочу реализовать логин и загрузку основных данных при загрузке страницы
function isJwtValid(token) {
 if (!token) return false
 const jwtData = jwtDecode(token) || {}
 const expires = jwtData.exp || 0
 return (new Date().getTime() / 1000) < expires
}
источник

ОМ

Олег Миронов... in Nuxt.js — русскоговорящее сообщество
Yury Khmarin
function isJwtValid(token) {
 if (!token) return false
 const jwtData = jwtDecode(token) || {}
 const expires = jwtData.exp || 0
 return (new Date().getTime() / 1000) < expires
}
Благодарю ) Сейчас ознакомлюсь
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Господа, порекомендуйте, пожалуйста скрипт галереи, который будет корректно работать с динамически добавленными элементами. Попробовал lightgallery.js - беда.
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Что-то типа lightbox или fancybox, только без jquery и желательно очень лёгкое.
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Хм, поборол lightgallery.js всё же. Вопрос решён.
источник

АБ

Артём Бястик... in Nuxt.js — русскоговорящее сообщество
Всем привет. Подскажите пожалуйста я выбрал правильный подход для создания своей библиотеки компонентов как plugin для nuxt?

В будущем есть планы вынести её в npm пакет
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Nuxt в последних версиях умеет в автоимпорт.
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Вы сейчас сделали все компоненты глобальными
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Все они будут подключены к каждой странице
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Это не совсем то что вам нужно
источник

АБ

Артём Бястик... in Nuxt.js — русскоговорящее сообщество
Вроде не все а только те что в массиве components. Они прост часто используются, а те что export const они редко нужны поэтому их импортить нужно (как в правом окне VSCode).
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Я пользуюсь штормом. Он мне импорты сам пишет, когда я их в шаблоне использую
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Идея в том что в последнем nuxt тебе вообще не нужны импорты
источник