Size: a a a

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

2020 May 21

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Andrey Yanusov
Ребят, такой вопрос: недавно встретил подход в nuxt.config.js

module.exports = {
 mode: 'universal',
...

Но по умолчанию при установке nuxt.config.js выглядит
export default {
 mode: 'universal',
...

Вопрос: какой из подходов лучше и почему? Объясните, плиз  :)

Также при запуске скриптов
скрипты в package.json
"dev": "cross-env NODE_ENV=development NUXT_HOST=127.0.0.1 NUXT_PORT=3000  nodemon server/index.js --watch server",
build": "nuxt build",
"start": "cross-env NODE_ENV=production node server/index.js",

в отличии от стандартных
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
это запуск нухта программно, со своей оберткой, он не равносилен стандартному запуску, низя их сравнивать
источник

AY

Andrey Yanusov in Nuxt.js — русскоговорящее сообщество
Какой подход лучше? Или где можно об этом почитать?)
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
если ты не знаешь что делаешь  - стандартный лучше.
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
почитать можно вбив в дресную строку «g nuxt programmatic usage»
источник

AY

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

АП

Александр Провозен... in Nuxt.js — русскоговорящее сообщество
Столкнулся с проблемой, как изменить путь /_nuxt/ на свой кастомный?
источник

nG

nomad Guy in Nuxt.js — русскоговорящее сообщество
подскажите как правильно подключать плагины что бы только на стороне клиента работали, например vue-icon, подключаю {src: '~/plugins/vue-icon', ssr: false} иконки работают но в консоли матерится The client-side rendered virtual DOM tree is not matching server-rendered content., если иконку обернуть в client-only то норм, то есть мне нужно каждую иконку оборачивать в client-only ? или есть другой способ глобально это сделать?
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Александр Провозен
Столкнулся с проблемой, как изменить путь /_nuxt/ на свой кастомный?
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
nomad Guy
подскажите как правильно подключать плагины что бы только на стороне клиента работали, например vue-icon, подключаю {src: '~/plugins/vue-icon', ssr: false} иконки работают но в консоли матерится The client-side rendered virtual DOM tree is not matching server-rendered content., если иконку обернуть в client-only то норм, то есть мне нужно каждую иконку оборачивать в client-only ? или есть другой способ глобально это сделать?
а нахера ты отключаешь сср? просто оставь ssr: true и все
источник

nG

nomad Guy in Nuxt.js — русскоговорящее сообщество
DreaMinder
а нахера ты отключаешь сср? просто оставь ssr: true и все
так тогда вообще не пашет
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
nomad Guy
так тогда вообще не пашет
тогда пакет иконок кривой, нужно найти нормальный. Ок, если нужно оставить, то сделай компонент-обертку с клиент-онли и твоим компонентом иконок внутри и юзай его
источник

АП

Александр Провозен... in Nuxt.js — русскоговорящее сообщество
Спасибо, помогло
источник

NE

New Era in Nuxt.js — русскоговорящее сообщество
Парни, подключал кто ни будь Яндекс Кассу на Nuxt? делаю все  по документации, на бэке ошибка о легальности операции, на фронте виджет просто не появляется, хз как с ней быть вообще)
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
New Era
Парни, подключал кто ни будь Яндекс Кассу на Nuxt? делаю все  по документации, на бэке ошибка о легальности операции, на фронте виджет просто не появляется, хз как с ней быть вообще)
О, интересно было бы послушать что у тебя получится. Сам такое в ближайшем будущем планирую
источник

NE

New Era in Nuxt.js — русскоговорящее сообщество
Alexander Konkov
О, интересно было бы послушать что у тебя получится. Сам такое в ближайшем будущем планирую
Если получится, напишу)
источник

M

Max in Nuxt.js — русскоговорящее сообщество
Добрый день)
Подскажите, а как настроить cors-заголовки для раздачи статики из папки assets?
Нашел для static https://nuxtjs.org/api/configuration-render#static, но мне именно из assets надо
источник

АБ

Артём Бондаренко... in Nuxt.js — русскоговорящее сообщество
Всем добрый вечер, не до конца уверен что это проблема Nuxt, но почему-то не устанавливается шрифт через css. Если тяну напрямую из гугл фонтс, то все работает. Подключаю следующим образом:

В конфиге:
 css: [
     '@/assets/scss/global.scss'
 ],

В global.scss:
@import './fonts.scss';
//...

Собственно сам   fonts.scss:
@font-face {
   font-family: "Roboto";
   src: url("/static/fonts/Roboto-Medium.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
 }
источник

АБ

Артём Бондаренко... in Nuxt.js — русскоговорящее сообщество
В нетворках показывает что шрифты подгружены, но на странице нечего не изменяется
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
Артём Бондаренко
Всем добрый вечер, не до конца уверен что это проблема Nuxt, но почему-то не устанавливается шрифт через css. Если тяну напрямую из гугл фонтс, то все работает. Подключаю следующим образом:

В конфиге:
 css: [
     '@/assets/scss/global.scss'
 ],

В global.scss:
@import './fonts.scss';
//...

Собственно сам   fonts.scss:
@font-face {
   font-family: "Roboto";
   src: url("/static/fonts/Roboto-Medium.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
 }
Добрый. Я решал проблему так :  

1. Шрифты положил в static/fonts/some-font.ttf
2. У меня был sass, а не css, который лежал в assets/fonts/some-font.sass
3. В конфиге обращался не через @ , а просто ./assets/fonts/some-font.sass
4. В стилях src всех форматов пришлось писать в одну строку(это уже именно проблема sass, как я понял)
источник

АБ

Артём Бондаренко... in Nuxt.js — русскоговорящее сообщество
Та вроде все тоже самое. Я б уже начал грешить на цсс, но когда писал просто  
link: [
           { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto:400,500' },

   ]
Все работало :(
источник