Size: a a a

Nuxt.js | Vue SSR

2021 March 19

ЭБ

Эдуард Баженов... in Nuxt.js | Vue SSR
Aquinary
Собственно, поэтому и решил уточнить, в nuxt вкатился недавно (в vue по сути тоже)
Ещё такой вопрос, в vue ssr пишут о том, что например mounted не попадает  под этот самый ssr и использовать маунты и ещё некоторые другие хуки не рекомендуется.
Как с этим делом в nuxt? Можно писать что угодно куда угодно (как будто просто SPA без SSR пишешь) или лучше тоже следовать рекомендациям, взятым из vue документации?
вместо mount использовать fetch
источник

АН

Андрей Назаров... in Nuxt.js | Vue SSR
смотря что хочется получить... если не хочется ждать ответа апи на сервере типа, то можно в mounted
источник

A

Aquinary in Nuxt.js | Vue SSR
Эдуард Баженов
вместо mount использовать fetch
И фетч всегда априори должен использоваться, если я собираюсь получать данные с сервера? (например, для формирования списка категорий или постов)
Т.е. вызов axios в любом другом месте приведёт к тому, что оно не попадёт в ssr и выполнится только на стороне клиента?
источник

ЭБ

Эдуард Баженов... in Nuxt.js | Vue SSR
Aquinary
И фетч всегда априори должен использоваться, если я собираюсь получать данные с сервера? (например, для формирования списка категорий или постов)
Т.е. вызов axios в любом другом месте приведёт к тому, что оно не попадёт в ssr и выполнится только на стороне клиента?
ну на, для серверной обработки только asyncData и fetch
источник

АН

Андрей Назаров... in Nuxt.js | Vue SSR
Эдуард Баженов
ну на, для серверной обработки только asyncData и fetch
asyncData задепрекейтили , теперь православно анонимная мидлвара + фетч (новый)
источник

MA

Maxim Anisimov in Nuxt.js | Vue SSR
Aquinary
И фетч всегда априори должен использоваться, если я собираюсь получать данные с сервера? (например, для формирования списка категорий или постов)
Т.е. вызов axios в любом другом месте приведёт к тому, что оно не попадёт в ssr и выполнится только на стороне клиента?
Для сервера middleware, asyncData, fetch. Еще есть новый и старый fetch. У каждого есть нюансы)
источник

MA

Maxim Anisimov in Nuxt.js | Vue SSR
Андрей Назаров
asyncData задепрекейтили , теперь православно анонимная мидлвара + фетч (новый)
Можно ссылку где говориться что asyncData deprecated ?
источник

A

Aquinary in Nuxt.js | Vue SSR
Новый и старый фетч, ох, ребят, только показалось, что вроде бы разобрался, а тут такие сюрпризы)
Пойду доку ещё раз перечитаю, хотя там асинкДата всё ещё висит...
источник

АН

Андрей Назаров... in Nuxt.js | Vue SSR
Maxim Anisimov
Можно ссылку где говориться что asyncData deprecated ?
ой, сорри, я ошибся, православно asyncData + новый фетч + анонимные мидлвары вместо старого фетча
источник

MA

Maxim Anisimov in Nuxt.js | Vue SSR
Aquinary
Новый и старый фетч, ох, ребят, только показалось, что вроде бы разобрался, а тут такие сюрпризы)
Пойду доку ещё раз перечитаю, хотя там асинкДата всё ещё висит...
источник

A

Aquinary in Nuxt.js | Vue SSR
Благодарю)
источник

АН

Андрей Назаров... in Nuxt.js | Vue SSR
короче старый фетч задепрейтили))
источник

MA

Maxim Anisimov in Nuxt.js | Vue SSR
Aquinary
Новый и старый фетч, ох, ребят, только показалось, что вроде бы разобрался, а тут такие сюрпризы)
Пойду доку ещё раз перечитаю, хотя там асинкДата всё ещё висит...
с асинкДатой все хорошо, она не deprecated :)
Стоит просто разобраться с новым фетчом, старый тоже можно юзать, но он как раз таки deprecated
источник

A

Aquinary in Nuxt.js | Vue SSR
Главное, чтобы поисковики могли нормальную html-страницу получить с подгруженным контентом и всё такое
А то в это их "мы уже умеем выполнять spa" уверенности особой нет и непонятно что они там и как выполняют и какой результат видят
источник

АС

АИСТ Салон Печати... in Nuxt.js | Vue SSR
а потом скажут чтоб ты выложил на хост и прикрутил домен ))))))))))))
источник

АН

Андрей Назаров... in Nuxt.js | Vue SSR
вообще я вот не знаю че там в новом наксте будет, но кажется тупо иметь asyncData и новый фетч, можно бы както объеденить в одно это
источник

MA

Maxim Anisimov in Nuxt.js | Vue SSR
Андрей Назаров
вообще я вот не знаю че там в новом наксте будет, но кажется тупо иметь asyncData и новый фетч, можно бы както объеденить в одно это
Как минимум там пофиксят проблемы нового фетча, это я жду очень сильно + к composition api прикрутят свои фичи
https://composition-api.nuxtjs.org/
источник

A

Aquinary in Nuxt.js | Vue SSR
АИСТ Салон Печати
а потом скажут чтоб ты выложил на хост и прикрутил домен ))))))))))))
Да домен не сильно сложно крутить, а деплоить на хост nuxt ещё не пробовал. Да и больше страха от бэка, потому что там весьма непонятная ситуация с разделением статики/медиа, выносом чего-то в nginx и т.д., и без гугла тут никак, вообще
Радует, что всё хотя бы на одном домене крутиться будет, потому что пришлось запариться с CORS, чтобы можно было запросы с фронта на бэк делать, когда они на разных портах. Всякие devServer не очень работали
источник

ЭБ

Эдуард Баженов... in Nuxt.js | Vue SSR
Aquinary
Да домен не сильно сложно крутить, а деплоить на хост nuxt ещё не пробовал. Да и больше страха от бэка, потому что там весьма непонятная ситуация с разделением статики/медиа, выносом чего-то в nginx и т.д., и без гугла тут никак, вообще
Радует, что всё хотя бы на одном домене крутиться будет, потому что пришлось запариться с CORS, чтобы можно было запросы с фронта на бэк делать, когда они на разных портах. Всякие devServer не очень работали
на крайняк есть хероку)
источник

A

Aquinary in Nuxt.js | Vue SSR
Всё в порядке очереди)
Там ещё firebase видел какой-то, graphq, grpc и т.д., и не всегда понятно, нужно ли одно использовать вместо другого
источник