Size: a a a

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

2020 April 05

I

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

АБ

Алексей Дмитриевич Бубенчиков in Nuxt.js — русскоговорящее сообщество
Ira
Всем привет!
Борюсь с перформансом. Задача в том, чтобы сократить кол-во генерируемых css файлов. Сейчас стоит extractCSS: true и на homepage подгружается 20 css файлов, так как есть компоненты на странице, в которых всего несколько строк стилей.

Подскажите, пожалуйста, есть ли способ js файлы оставить разбитыми по компонентам, а стили компонентов, обьединить в один файл по-странично? Пробую вот так как в доке, но тогда js-файлы тоже объединяются.
Попробуй ленивую загрузку компонентов по тс указанием имени чанка
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Ilya Pel
последний вопрос на сегодня )) подскажите пожалуйста, как мне запретить переход на определенный роут (хочу запретить возможность создавать юзеров, если пользователь уже залогинился) . Что-то типа хука бефорич. Все мои методы контроля компонента работают уже во время инициализации компонента, но я хочу метод, чтобы он сразу бросал в корень сайта
используешь nuxt-auth? если да, то на странице логинв прописываешь auth: 'guest'
плюс в конфиге можно home прописать
вообще редиректы. логин, логаут, home, callback
источник

IP

Ilya Pel in Nuxt.js — русскоговорящее сообщество
Bogdan Saliuk
используешь nuxt-auth? если да, то на странице логинв прописываешь auth: 'guest'
плюс в конфиге можно home прописать
вообще редиректы. логин, логаут, home, callback
Попробую. Спасибо
источник

EP

Evgeniy Pedya in Nuxt.js — русскоговорящее сообщество
Как правильно добавить настройку API хоста. Хотелось бы, например, иметь отдельный js. В нём указывать API_HOST. При этом после сборки дистрибутива, что бы этот js оставался отдельно и его можно было поправить. Приложение без SSR. Чистый SPA. Предполагается что он будет отдаваться через nginx как статика и через js обращаться к API. И вот доступ к API хотелось бы свободно настраивать.
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Evgeniy Pedya
Как правильно добавить настройку API хоста. Хотелось бы, например, иметь отдельный js. В нём указывать API_HOST. При этом после сборки дистрибутива, что бы этот js оставался отдельно и его можно было поправить. Приложение без SSR. Чистый SPA. Предполагается что он будет отдаваться через nginx как статика и через js обращаться к API. И вот доступ к API хотелось бы свободно настраивать.
env
источник

EP

Evgeniy Pedya in Nuxt.js — русскоговорящее сообщество
Как статичные файлы отдаваемые nginx и выполняемые в браузере могут получить доступ к переменным окружения сервера?
источник

EP

Evgeniy Pedya in Nuxt.js — русскоговорящее сообщество
Только если сборка делается на сервере?
источник

EP

Evgeniy Pedya in Nuxt.js — русскоговорящее сообщество
И переменные вставляются во время сборки?
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
ну ты хост где указываешь? в конфиге же?
источник

EP

Evgeniy Pedya in Nuxt.js — русскоговорящее сообщество
Пока тупо в js. Хочется локально работать с локальными настройками, а на сервере подсунуть серверные. Тоесть в любом случае получается через сборку на сервере
источник

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество
Evgeniy Pedya
И переменные вставляются во время сборки?
Да
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Evgeniy Pedya
Как правильно добавить настройку API хоста. Хотелось бы, например, иметь отдельный js. В нём указывать API_HOST. При этом после сборки дистрибутива, что бы этот js оставался отдельно и его можно было поправить. Приложение без SSR. Чистый SPA. Предполагается что он будет отдаваться через nginx как статика и через js обращаться к API. И вот доступ к API хотелось бы свободно настраивать.
https://github.com/DreaMinder/nuxt-env-injector

переменные вшиваются в билдтайме и без костылей это не исправить.
источник

EP

Evgeniy Pedya in Nuxt.js — русскоговорящее сообщество
@DreaMinder, @Eternal_Rise, @iNerV, спасибо. Буду делать через переменные окружения.
источник

AK

Alex Koval in Nuxt.js — русскоговорящее сообщество
ребят, поскажите, как сделать route.push('...') в middleware?
пытаюсь вот так, но говорит, что у route.push is not a function
export default function({next, $auth, route}) {
 if ($auth.loggedIn) {
   console.log($auth)
 } else {
   route.push("/admin/login")
 }
}
источник

ДТ

Дима Турков in Nuxt.js — русскоговорящее сообщество
Alex Koval
ребят, поскажите, как сделать route.push('...') в middleware?
пытаюсь вот так, но говорит, что у route.push is not a function
export default function({next, $auth, route}) {
 if ($auth.loggedIn) {
   console.log($auth)
 } else {
   route.push("/admin/login")
 }
}
для этого в контексте есть redirect
источник

ДТ

Дима Турков in Nuxt.js — русскоговорящее сообщество
или route
источник

AK

Alex Koval in Nuxt.js — русскоговорящее сообщество
Дима Турков
для этого в контексте есть redirect
а он именно redirect? мне нужно, чтобы не было перезагрузки страницы, ибо SPA
источник

ДТ

Дима Турков in Nuxt.js — русскоговорящее сообщество
Alex Koval
а он именно redirect? мне нужно, чтобы не было перезагрузки страницы, ибо SPA
это не перезагрузка
источник

ДТ

Дима Турков in Nuxt.js — русскоговорящее сообщество
или $route в контексте
источник