Size: a a a

Nuxt.js | Vue SSR

2021 April 05

T

Traian in Nuxt.js | Vue SSR
Ok
источник

T

Traian in Nuxt.js | Vue SSR
Vlad
добавляй в formData invoices[i].file
😁 сработало
источник

T

Traian in Nuxt.js | Vue SSR
🥳
источник

T

Traian in Nuxt.js | Vue SSR
Vlad
добавляй в formData invoices[i].file
Спасибо большое
источник

N

Nick in Nuxt.js | Vue SSR
Всем привет, подскажите, как в middleware подождать пока выполнится запрос на получение юзера ?
источник

IT

Igor Tuyakpaev in Nuxt.js | Vue SSR
Nick
Всем привет, подскажите, как в middleware подождать пока выполнится запрос на получение юзера ?
async await)
источник

N

Nick in Nuxt.js | Vue SSR
ну это понятно, дело в том что запрос в сторе делается, а вызывается экшн при ините приложения
источник

IT

Igor Tuyakpaev in Nuxt.js | Vue SSR
Nick
ну это понятно, дело в том что запрос в сторе делается, а вызывается экшн при ините приложения
в экшене return запроса, и в ините приложения await от этого экшена
источник

А

Асхат in Nuxt.js | Vue SSR
Всем привет ребята, как у вас дела? Не подскажете как запускать autoplay ютуб видос iframe на наксте, когда на страницу переходит
источник

В

Володимир in Nuxt.js | Vue SSR
Асхат
Всем привет ребята, как у вас дела? Не подскажете как запускать autoplay ютуб видос iframe на наксте, когда на страницу переходит
Привет. Ну просто на mounted вызываете youtube api.
Если у вас есть возможность вставить просто iframe, то тут еще проще, в гет параметрах ему передаете autoplay, он вроде должен сам завестись.
источник

В

Володимир in Nuxt.js | Vue SSR
Ребят, молю о помощи, уже несколько суток бьюсь с бедой, скоро начну биться в конвульсиях(

Есть очень интересная задача:
У меня с бека в хуке asyncData приходят template страницы. Этот template обрабатывается етрифайлом
nuxt.config.js:
router: {
       extendRoutes(routes, resolve) {
           routes.push({
               path: `*`,
               component: resolve(__dirname, 'pages/-constructor.vue')
           });
       }
   }
Жестко задать структуру я не могу, потому что у нас бек генерит все как того пожелает админ.
В целом эта стратегия рабочая, так уже живет несколько проектов.
asyncData как раз таки в этом constructor находится и в зависимости от полученного template просто грузит вьюху через
<component :is="template" :key="id" :content="content"></component>
Здесь все просто.
Но!
Начались проблемы с приходом статичных роутов для кабинета пользователя. Задал их в pages,  так как их никто редактировать не может, и чтобы оно "работало с коробки". Завестись то оно завелось, но вот...

Я его сделал через разные layouts изначально, все было ок, до момента перегрузки этих layouts. Беда в том что там по сути половина сайта перестраивается, и я хотел как-то вынести все это дело в один layout, чтобы и динамические пейджи заходили в него, и статические. По сути я хочу чтобы у меня header, footer, sidebar и еще 3 фиксированные плашки не делали "re-mount" при смене layout`a(там много отработок + адаптив, и при смене layout приходится отлавливать все эти состояния и т.д.)

Скажу честно, я не утверждаю что подобная "архитектура" очень годная, я делал это в силу обстоятельств и не очень глубокого понимания. Но сейчас как-то нужно с этого найти выход, все идеи уже закончились(
Буду очень признателен если кто-то отзовется помочь.

Есть ли способ сделать вложенные layouts
Что-то вроде:
<nuxt>
  <nuxt></nuxt>
</nuxt>
или какой-то способ имитировать это?
источник

AS

Alexandr Sachishin in Nuxt.js | Vue SSR
помню, сохранял себе
источник

AS

Alexandr Sachishin in Nuxt.js | Vue SSR
https://developers.google.com/speed/docs/insights/OptimizeImages
+webp формат
Для прода потом можно сбилдить докер образ с предустановленными пакетами и в нем уже через cli прогонять
В ci например натравливая на статику из гит диффа (у гитлаба и тп есть тож встроенные функции для этого)
источник

ВЛ

Влад Легуша... in Nuxt.js | Vue SSR
Всем привет
Есть такой код

nuxt.config.js

export default {
 privateRuntimeConfig: {
   config,
 },
 serverMiddleware: [{ path: '/api', handler: '~/server/main' }],
}

Подскажите пожалуйста как получить доступ к конфигам из свойства privateRuntimeConfig в serverMiddleware?
В process.env их нету

Или как при сборке прокинуть конфиги для сервера в  serverMiddleware?
источник

KC

Kirill Cherednik 🐧... in Nuxt.js | Vue SSR
Влад Легуша
Всем привет
Есть такой код

nuxt.config.js

export default {
 privateRuntimeConfig: {
   config,
 },
 serverMiddleware: [{ path: '/api', handler: '~/server/main' }],
}

Подскажите пожалуйста как получить доступ к конфигам из свойства privateRuntimeConfig в serverMiddleware?
В process.env их нету

Или как при сборке прокинуть конфиги для сервера в  serverMiddleware?
Никак. В серверной мидлваре нету ничего из конфига накста. Только голый экспресс. То что у тебя в переменной config . Сделай первым серверную мидлвару с записью в новый ключ req и вызовом next()
источник

ВЛ

Влад Легуша... in Nuxt.js | Vue SSR
Kirill Cherednik 🐧
Никак. В серверной мидлваре нету ничего из конфига накста. Только голый экспресс. То что у тебя в переменной config . Сделай первым серверную мидлвару с записью в новый ключ req и вызовом next()
в таком случае думаю лучше уж хранить конфиги в директории с handlers
источник

KC

Kirill Cherednik 🐧... in Nuxt.js | Vue SSR
Влад Легуша
в таком случае думаю лучше уж хранить конфиги в директории с handlers
Как вариант. В nuxt config и в серверной мидлваре подключать.
источник

ВЛ

Влад Легуша... in Nuxt.js | Vue SSR
Расширять объект req or res очень плохо...
источник

KC

Kirill Cherednik 🐧... in Nuxt.js | Vue SSR
Влад Легуша
Расширять объект req or res очень плохо...
Лучше в каждом файле подключать , да ?
источник

ВЛ

Влад Легуша... in Nuxt.js | Vue SSR
Kirill Cherednik 🐧
Лучше в каждом файле подключать , да ?
Лучше все инициализировать в одном модуле где требуются конфиги и потом пользоваться его api
источник