Блог

Главная - Вопросы по программированию - Nuxt.js SSR для измененных разделов, а не целых страниц

Nuxt.js SSR для измененных разделов, а не целых страниц

#vue.js #vuejs2 #nuxt.js

#vue.js #vuejs2 #nuxt.js

Вопрос:

Возможно ли это с Nuxt.js для выполнения рендеринга на стороне сервера при небольших изменениях внутри страницы (которые отражены URL) без необходимости для всей страницы.

Например, представьте, что у меня есть магазин с подкатегориями и подзаголовками. В подкатегориях содержатся продукты.

  • Категория 1
    • Вложенный каталог 1
      • Продукт 1
      • Продукт 2
    • Вложенный каталог 2
      • Продукт 1
      • Продукт 2
      • Продукт 3
    • Вложенный каталог 3
      • Продукт 1
      • Продукт 2
  • Категория 2
    • Вложенный каталог 1
      • Продукт 1
      • Продукт 2
    • Вложенный каталог 2
      • Продукт 1
      • Продукт 2
    • Вложенный каталог 3
      • Продукт 1
      • Продукт 2

Я хочу использовать плавную анимацию (затухание и перемещение), когда кто-то открывает категорию и отображаются подкатегории. В то же время, это должно быть отражено в URL для целей SEO (/products/category1 /subcategory3) Реализация страницы для такого поведения кажется мне излишеством и делает мое приложение ненужным и сложным в обслуживании, но я не могу понять, возможно ли вообще с Nuxt то, чего я пытаюсь достичь здесь.

Комментарии:

1. Не совсем понимаю, как вы предполагаете, что это должно работать. Если его URL, который должен быть доступен и отображаться seo — тогда он должен быть полностью отображен nuxt.

2. Не тот ответ, на который я надеялся, но тот, которого я ожидал ;). Как можно позаботиться об асинхронной загрузке / обновлении компонентов, изменении URL при этом и рендеринге его на сервере? Я спрашиваю об этом главным образом потому, что мы делаем некоторые плавные переходы на странице при отображении товаров из другой категории на экране, полное «обновление страницы» делает для нас невозможным достижение этого…

3. Не совсем понимаю. SSR происходит при первой загрузке. Когда вы будете перемещаться внутри приложения, это будет клиент, и вы сможете получить любую передачу, которую захотите

4. Да, но для изменения URL-адреса нужны «Страницы» в nuxt, которые, в свою очередь, повторно отображают всю страницу, верно? Так, например, если я перейду из /categories / chairs в categories / tables, я не смогу анимировать ту часть страницы, где показаны категории… Он повторно отображает всю страницу…

5. Вы можете. Смотрите nuxt-дочерний компонент