Size: a a a

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

2020 May 07

D

DK in Nuxt.js — русскоговорящее сообщество
монолитность
источник

D

DK in Nuxt.js — русскоговорящее сообщество
и этот роутер меня вырубает постоянно
Route::get('{path}', function () {
   return file_get_contents(public_path('_nuxt/index.html'));
})->where('path', '(.*)');
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
DK
и этот роутер меня вырубает постоянно
Route::get('{path}', function () {
   return file_get_contents(public_path('_nuxt/index.html'));
})->where('path', '(.*)');
Ужас какой
источник

X

Xezard in Nuxt.js — русскоговорящее сообщество
DK
монолитность
А в чем монолитность то? Там в ридми написано как проект разделить легко на фронт и бэк.
источник

D

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

R К in Nuxt.js — русскоговорящее сообщество
DK
монолитность
да вроде все по полочкам разложено  ))
не то что у меня (( *было
источник

М

Михаил in Nuxt.js — русскоговорящее сообщество
Может кто сталкивался, подскажите как лучше, надо во время SSR определить user agent. window.navigator доступен только после mouned. как определить юзер агент на стадии created?
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Михаил
Может кто сталкивался, подскажите как лучше, надо во время SSR определить user agent. window.navigator доступен только после mouned. как определить юзер агент на стадии created?
источник

М

Михаил in Nuxt.js — русскоговорящее сообщество
спасибо, вот это вроде похоже на то что мне надо https://www.npmjs.com/package/nuxt-user-agent
источник

АБ

Артём Бястик... in Nuxt.js — русскоговорящее сообщество
Всем привет.

Вопрос: Как узнать ширину экрана на сервере или избежать ошибки гидрации из-за того что на сервере приложение отрендерилось для десктопа, а на клиенте ренедрится как для мобилки?  

Описание:
У меня в приложении есть computed поле $IS_MOBILE, которое подключается ко всем компонентам vue через mixin в plugins nuxt.config.js

{
src: '@/plugins/mixins/nossr',
mode: 'client'
},

Эта переменная зависит от ширины экрана. Выставить её на сервере я не могу. Поэтому сейчас во время рендеринга на сервере она undefined. Соответсвенно во всех компонентах где она используется это приводится к false.

Потом во время гидрации на клиенте если экран меньше 768px она устанавливается в true.
И накст выдаёт ошибки гидрации, из-за того что на сервере всё отрендерилось как для десктопа.

Я знаю что могу использовать пакет nuxt-user-agent для опредеоения устройства на сервере, но он не показывает ширину устройства. Например 10 дюймовые планшеты должны получить desctop версию сайта, а 7 дюймовые мобильную.
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Артём Бястик
Всем привет.

Вопрос: Как узнать ширину экрана на сервере или избежать ошибки гидрации из-за того что на сервере приложение отрендерилось для десктопа, а на клиенте ренедрится как для мобилки?  

Описание:
У меня в приложении есть computed поле $IS_MOBILE, которое подключается ко всем компонентам vue через mixin в plugins nuxt.config.js

{
src: '@/plugins/mixins/nossr',
mode: 'client'
},

Эта переменная зависит от ширины экрана. Выставить её на сервере я не могу. Поэтому сейчас во время рендеринга на сервере она undefined. Соответсвенно во всех компонентах где она используется это приводится к false.

Потом во время гидрации на клиенте если экран меньше 768px она устанавливается в true.
И накст выдаёт ошибки гидрации, из-за того что на сервере всё отрендерилось как для десктопа.

Я знаю что могу использовать пакет nuxt-user-agent для опредеоения устройства на сервере, но он не показывает ширину устройства. Например 10 дюймовые планшеты должны получить desctop версию сайта, а 7 дюймовые мобильную.
попробуй костылем отсрочить переключение флага за пару мгновений после гидрации. сет таймаутом или $nextTick()
источник

N

Nikita in Nuxt.js — русскоговорящее сообщество
Привет, ребят а как перейти по адресу напрямую через nuxt-link сейчас делаю так  <nuxt-link :to="{path: item.slug}".
Где item.slug это category/product. Если я нахожусь на category и кликаю то урл становится
http://localhost:3000/category/product
но если я нахожусь на странице продукта то при клике http://localhost:3000/category/category/product получается. Как исправить?
источник

АБ

Александр Белькевич... in Nuxt.js — русскоговорящее сообщество
Nikita
Привет, ребят а как перейти по адресу напрямую через nuxt-link сейчас делаю так  <nuxt-link :to="{path: item.slug}".
Где item.slug это category/product. Если я нахожусь на category и кликаю то урл становится
http://localhost:3000/category/product
но если я нахожусь на странице продукта то при клике http://localhost:3000/category/category/product получается. Как исправить?
может slug так сделать /category/product
Если я правильно понял вопрос
источник

N

Nikita in Nuxt.js — русскоговорящее сообщество
добавить слеш в смысле?
источник

N

Nikita in Nuxt.js — русскоговорящее сообщество
Александр Белькевич
может slug так сделать /category/product
Если я правильно понял вопрос
походу вы правы))
источник

N

Nikita in Nuxt.js — русскоговорящее сообщество
спасибо=)!
источник

АБ

Александр Белькевич... in Nuxt.js — русскоговорящее сообщество
Nikita
спасибо=)!
😊😉
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
https://backyardoffice.com/
#builtwithnuxt + tailwind под капотом
источник

ИБ

Илья Бельский... in Nuxt.js — русскоговорящее сообщество
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
попробуй так https://backyardoffice.com/
видно редирект на хттпс не поставили

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