Size: a a a

Nuxt.js | Vue SSR

2021 June 10

NK

Nikita Krulikovskiy in Nuxt.js | Vue SSR
Всем привет! Может кто знает, как сделать бесшовную сборку проекта на nuxtjs используя docker-compose? Использую такой DockerFile, и папка .nuxt не появляется, из-за этого проект не обновляется. Папка .nuxt есть в dockerignore.

Проблема сейчас такая: Build и Start нукста происходит после сборка image, из-за этого нукст очень долго запускается, и если происходит обновление, то сайт может быть не доступен пару минут. Решением было build нукста вынести в dockerfile, но из-за этого перестала появляться папка .nuxt
источник

К

Кристи in Nuxt.js | Vue SSR
Привет

Подскажите, накст при выкладывании на фаербейз, node 14,  не понимает импорт, экспорт, что делать?
источник

ДВ

Дмитрий Василевский... in Nuxt.js | Vue SSR
У меня сср, сборка такая: накст билдится перед докером. в докер копирую только package.json, package.lock.json, и dist/server . Последняя папка создается при билде. В докерфайле - npm ci && nuxt start.
источник

ДВ

Дмитрий Василевский... in Nuxt.js | Vue SSR
А, и конфиг нухта тоже в докер контейнер идет
источник

А

Алексей in Nuxt.js | Vue SSR
Мы вот так делаем, нашел где-то когда-то, может быть в нуксте. У нас большая часть зависимостей в devDependencies (в том числе nuxt), в dependencies лишь runtime зависимости и nuxt-start, получаются маленькие образы
https://github.com/bitcartcc/bitcart-admin/blob/master/Dockerfile
источник

И

Иван in Nuxt.js | Vue SSR
Подскажите как лучше проставить значение checked для чекбоксов в фильтре товаров, если перейти на страницу фильтра по ссылке с параметрами фильтрации (shop.com/cars?color=red&brand=audi)

упрощенный пример

template
for option in filterOptions
 checkbox(v-model='selected' @change='updateQuery')

methods
updateQuery() { this.$router.push({ query: this.selected }) }

watchers
watch: { '$route.query': '$fetch' }

asyncFetch
 response = axios.get('/products/', { params: route.query })
 products = response.products
 filterOptions = response.filterOptions

так как заходим 1 раз на страницу в selected пусто

мои варианты
1) на беке сериализовать и возвращать параметры, затем их устанавливать в selected
2) в каком-то хуке на клиенте делать selected = router.query
источник

AN

Alexander Nemirov in Nuxt.js | Vue SSR
подскажите где правильно хранить json файлы которые импортируются в компонент?
в static или в assets?
источник

И

Инхиларий Мерьертино... in Nuxt.js | Vue SSR
Статик копируется как есть, ассетс предполагает трансформацию, не?
источник

AN

Alexander Nemirov in Nuxt.js | Vue SSR
тогда статик, а сам импорт как писать? @@/static/json/file.json или все же /json/file.json
источник

AN

Alexander Nemirov in Nuxt.js | Vue SSR
я тут не пойму в какой момент загружаются эти json, на этапе сборки или уже когда пользователь заходит на сайт
источник

И

Инхиларий Мерьертино... in Nuxt.js | Vue SSR
Вероятно оба варианта возможны, смотря как напишешь.
источник

AN

Alexander Nemirov in Nuxt.js | Vue SSR
импортирую, далее в компьютед сортирую то, что импортировал и вывожу пользователю через v-for <p jsonItems.item />
источник

И

Инхиларий Мерьертино... in Nuxt.js | Vue SSR
Теоретически можно сбилдить проект, удалить json и глянуть что выйдет.
Ну или содержимое поменять.
источник

AN

Alexander Nemirov in Nuxt.js | Vue SSR
Спасибо!
источник

AS

Alexandr Sachishin in Nuxt.js | Vue SSR
Ребят, извиняюсь за оффтоп, но кто работал со splide слайдером, там можно выставить кастомную пагинацию типа 1/9 слайдов?
источник

А

А. И. in Nuxt.js | Vue SSR
Есть ещё passport-strategy
источник
2021 June 11

E

Eugene in Nuxt.js | Vue SSR
ты можешь обратится к нему
splide.index - отдаст текущий слайд
splide.length - к-во всех

Если не ошибаюсь то так
источник

AS

Alexandr Sachishin in Nuxt.js | Vue SSR
Спасибо
источник

LM

Lucifer Moriarty in Nuxt.js | Vue SSR
Привет ребята
Подскажите
Nuxt как работает, он имеет свой сервер для выдачи статичных js файлов?
почему не могу просто билдить файлы JS  и бросить на сервер?
источник

LM

Lucifer Moriarty in Nuxt.js | Vue SSR
В документации пишут что надо проксировать к nuxt
источник