Vue.js - рендеринг исходных продуктов в формате HTML с помощью Laravel - PullRequest
1 голос
/ 26 апреля 2019

Я использую Laravel и Vue, чтобы показывать товары для магазина. Исходные продукты загружаются через Laravel и отправляются в представление, а затем они передаются в сценарий vue в качестве исходных данных. Эти данные затем используются для визуализации страницы при загрузке. После этого при смене фильтра vue получает асинхронные новые данные с сервера и изменяет продукты. Все отлично работает.

Но я бы хотел иметь возможность рендерить исходные продукты без Javascript для SEO-целей. Единственная идея, которую я получил, это:

  • Визуализация исходных продуктов с помощью петли foreach Laravel Blade
  • Не указывать начальные данные для vue
  • Когда новый контент должен быть загружен, удалите эти исходные данные, отображаемые PHP, и активируйте цикл v-for.

Но это не самое красивое решение. Есть идеи, как сделать это лучше?

1 Ответ

0 голосов
/ 26 апреля 2019

Вам необходимо добиться SSR (рендеринга на стороне сервера) для вашего приложения. Некоторые опции, описанные здесь - https://vuejs.org/v2/guide/ssr.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...