Size: a a a

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

2020 May 27

SL

Sergey Leleko in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
смотри, когда делаешь эмит просто прокидай пропсом переменную в другой компонент за которой смотришь, и изменяй когда нужно, если стора не было до этого надобности и он нужен только для этого, то лучше не использовать его
спасибо и так тоже попробую )
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Nuxt генерируют большой кусок кода, когда идут какие-то запросы через async data, где хранится ответ на этот запрос. Внизу страницы "window.NUXT=(function(a,b,c, и так далее". В принципе, его наличие не супер критично, но этот кусок кода может быть большим. На просторах интернета нашёл такое решение: \node_modules\@nuxt\vue-renderer\dist\vue-renderer.js -> тут закомментить пару строк (осторожно, китайский язык - https://blog.csdn.net/qq_21916259/article/details/92791216). После этого этот кусок кода пропадает. С виду сайт работает полноценно. Какие могут быть недостатки у этого метода?
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Или может есть другие способы избавиться от этого куска кода?
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
На сайте uaz.ru, например, такой кусок занимает 25% объёма всего кода. Думаю, что это не очень хорошо.
источник

AP

Alexander Proydenko in Nuxt.js — русскоговорящее сообщество
Aleksandr Dergunov
На сайте uaz.ru, например, такой кусок занимает 25% объёма всего кода. Думаю, что это не очень хорошо.
а будут ли отображаться асинхронные данные, которые получаются на стороне сервера?
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Например?
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Динамические страницы?
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Я на своём сайте сейчас это провернул - вся функциональность работает: asyncdata, fetch, динамические страницы, обновление контента и тд.
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
То есть связь с бекэндом полноценная на первый взгляд.
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Aleksandr Dergunov
Nuxt генерируют большой кусок кода, когда идут какие-то запросы через async data, где хранится ответ на этот запрос. Внизу страницы "window.NUXT=(function(a,b,c, и так далее". В принципе, его наличие не супер критично, но этот кусок кода может быть большим. На просторах интернета нашёл такое решение: \node_modules\@nuxt\vue-renderer\dist\vue-renderer.js -> тут закомментить пару строк (осторожно, китайский язык - https://blog.csdn.net/qq_21916259/article/details/92791216). После этого этот кусок кода пропадает. С виду сайт работает полноценно. Какие могут быть недостатки у этого метода?
недостатки в том что такой сайт не работает полноценно если внутри есть хоть какой-то интерактив. Если вунтри просто простыня текста, то ок, но так не бывает
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Блин. У меня есть интерактив)
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
это называется hydration data, его не просто так туда засунули. Лучшее что можно сделать - не совать лишних данных  asyncData, выносить все что можно из сср-запросов в клиентские запросы (через хук маунтед)
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
На примере сайта уаза можно увидеть боль парсеров поисковых систем, когда такую огромную страницу пытаются переварить - https://search.google.com/structured-data/testing-tool/u/0/#url=https%3A%2F%2Fwww.uaz.ru
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
ну и еси используется прегенерейт, то можно вынести этот жсон в отдельный файл - https://github.com/DreaMinder/nuxt-payload-extractor
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
DreaMinder
это называется hydration data, его не просто так туда засунули. Лучшее что можно сделать - не совать лишних данных  asyncData, выносить все что можно из сср-запросов в клиентские запросы (через хук маунтед)
1. Понятно, что с бека должно быть приходить только нужное.
2. Для нормальной индексации и ранжирования сайта поисковиками я хочу, чтобы весь динамический контент был виден.
3. Но этот кусок хочется убрать из кода.
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Повторюсь, что динамический контент работает после этой операции.
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Aleksandr Dergunov
1. Понятно, что с бека должно быть приходить только нужное.
2. Для нормальной индексации и ранжирования сайта поисковиками я хочу, чтобы весь динамический контент был виден.
3. Но этот кусок хочется убрать из кода.
причина, просто хотелка? ведь предыдущие доводы вполне разумны
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Причина - отдавать только нужно нужный код.
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Aleksandr Dergunov
Причина - отдавать только нужно нужный код.
это не причина. Он нужный.
источник

AD

Aleksandr Dergunov in Nuxt.js — русскоговорящее сообщество
Почему без него сайт работает?
источник