Size: a a a

Nuxt.js | Vue SSR

2021 February 25

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Сергей Рыжков
решения есть, конечно
Но в данном случае, что-то не припомню в vuejs-paginate использование window в принципе
А можно подсказку ключевыми словами?) Сам почитаю. Просто я всегда client-only пихаю в плагины, а в виду того что nuxt их динамически цепляет - обычно проблем не создаёт.
источник

СР

Сергей Рыжков... in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
А можно подсказку ключевыми словами?) Сам почитаю. Просто я всегда client-only пихаю в плагины, а в виду того что nuxt их динамически цепляет - обычно проблем не создаёт.
ой, я не у компа, могу наврать (давно не пользовал кейз)
Что-то вроде варианты, обвернуть в свой компонент-обертку (в котором вниз прокинуть $attrs, $listeners) Компонент-обертку грузить динамически (Lazy) в месте использованием с v-if = "isClient" (isClient в mounted делать в true)
Или компонент-обертку надо в client-only ...
Или в компоненте-обертке делать require, как пример с CKEditor

if (process.client) {
 CkEditor = require('@ckeditor/ckeditor5-vue2')
 Editor = require('rsn/ckeditor')
} else {
 CkEditor = { component: { template: '<div></div>' } }
}
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Сергей Рыжков
ой, я не у компа, могу наврать (давно не пользовал кейз)
Что-то вроде варианты, обвернуть в свой компонент-обертку (в котором вниз прокинуть $attrs, $listeners) Компонент-обертку грузить динамически (Lazy) в месте использованием с v-if = "isClient" (isClient в mounted делать в true)
Или компонент-обертку надо в client-only ...
Или в компоненте-обертке делать require, как пример с CKEditor

if (process.client) {
 CkEditor = require('@ckeditor/ckeditor5-vue2')
 Editor = require('rsn/ckeditor')
} else {
 CkEditor = { component: { template: '<div></div>' } }
}
++ спасибо, только если ли польза от такого импорта? Кроме изоляции. Польза в бенчмарке как вариант.
источник

N

Nano.Karmabot.chat in Nuxt.js | Vue SSR
Marvellous! SRyzhkov got +1 from sonicbhf. 5 karma in total.
источник

СР

Сергей Рыжков... in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
++ спасибо, только если ли польза от такого импорта? Кроме изоляции. Польза в бенчмарке как вариант.
ну бандл общий не резиновый. Там где редко компоненты используются или здровые, как например CREditor, зачем их тащит в глобальный. Лучше выделить в чанк и грузить по необходимости
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Сергей Рыжков
ну бандл общий не резиновый. Там где редко компоненты используются или здровые, как например CREditor, зачем их тащит в глобальный. Лучше выделить в чанк и грузить по необходимости
А такая история возможна с layout'ами? Что бы из шаблона прокинуть по все pages/components.

Кейс: когда используем UI библиотеку лишь для CMS и под неё у нас свой layout.
источник

СР

Сергей Рыжков... in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
А такая история возможна с layout'ами? Что бы из шаблона прокинуть по все pages/components.

Кейс: когда используем UI библиотеку лишь для CMS и под неё у нас свой layout.
как-то не задумывался. Я просто все маршруты бью на чанки и все :)). При этом не обязательно каждый маршрут в отдельный чанк, можно для группы маршрутов указать гаименование чанки (группировать)

{
       name: "auth-login",
       path: "/auth/:mode(login|registration)",
       props: true,
       component: () => interopDefault(import(/* webpackChunkName: "login" */ "@/pages/private/Login.vue")),

export function interopDefault(promise) {
   return promise.then((m) => m.default || m);
}

       meta: { title: "Вход на сайт" },
   },
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Сергей Рыжков
как-то не задумывался. Я просто все маршруты бью на чанки и все :)). При этом не обязательно каждый маршрут в отдельный чанк, можно для группы маршрутов указать гаименование чанки (группировать)

{
       name: "auth-login",
       path: "/auth/:mode(login|registration)",
       props: true,
       component: () => interopDefault(import(/* webpackChunkName: "login" */ "@/pages/private/Login.vue")),

export function interopDefault(promise) {
   return promise.then((m) => m.default || m);
}

       meta: { title: "Вход на сайт" },
   },
С накстом забываешь о роутере. Такая игла подлая)
++ спасибо
источник

k

kentforth in Nuxt.js | Vue SSR
подскажите пожалуйста. Компонент к которому нужно прийти из адреса находится в
items/edit/_id.vue

Мне нужно сделать пуш от роутера также как здесь, но вместо пути, указать name и params. Как это можно сделать?

let itemId = 1;
this.$router.push(/items/edit/${itemId})
источник

N

Nikita in Nuxt.js | Vue SSR
Привет, подскажите пж, есть ли возможность получить локацию пользователя на стороне сервера
источник

AS

Alexandr Sachishin in Nuxt.js | Vue SSR
Nikita
Привет, подскажите пж, есть ли возможность получить локацию пользователя на стороне сервера
источник

N

Nikita in Nuxt.js | Vue SSR
Здесь получается я на клиенте локацию забираю
источник

AS

Alexandr Sachishin in Nuxt.js | Vue SSR
kentforth
подскажите пожалуйста. Компонент к которому нужно прийти из адреса находится в
items/edit/_id.vue

Мне нужно сделать пуш от роутера также как здесь, но вместо пути, указать name и params. Как это можно сделать?

let itemId = 1;
this.$router.push(/items/edit/${itemId})
push({name: "name", params: {id: "id"}})
источник

k

kentforth in Nuxt.js | Vue SSR
Alexandr Sachishin
push({name: "name", params: {id: "id"}})
Благодарю!
источник

А

Андрей in Nuxt.js | Vue SSR
В наксте я новичек, срян за тупой вопрос.
Накст может билдить sass файлы и подключать как отдельный файл или нужно навесить сверху вэбпак и компилить им?
источник

А

Андрей in Nuxt.js | Vue SSR
хочу стили не в теле хтмл
источник

MK

Maxim Kostenko in Nuxt.js | Vue SSR
Гугли nuxt extractCss
источник

СЛ

Сергей Лобанов... in Nuxt.js | Vue SSR
Всем привет. Кто-нибудь сталкивался с таким: тупо запускаю программу siteAnalyzer или seofrog и сайт ложится https://prnt.sc/106wnih . На всех страницах Server error. Как можно оградить Nuxtjs на сервере ubuntu от такого влияния роботов? На обычных php-шных сайтах с таким не сталкивался.
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Сергей Лобанов
Всем привет. Кто-нибудь сталкивался с таким: тупо запускаю программу siteAnalyzer или seofrog и сайт ложится https://prnt.sc/106wnih . На всех страницах Server error. Как можно оградить Nuxtjs на сервере ubuntu от такого влияния роботов? На обычных php-шных сайтах с таким не сталкивался.
Вроде норм парсеры проходятся.
источник

СЛ

Сергей Лобанов... in Nuxt.js | Vue SSR
Aleksandr Dergunov
Вроде норм парсеры проходятся.
Хм...у меня лежит сайт nuxt.js
источник