Nuxt не рендеринг html для компонентов - PullRequest
0 голосов
/ 08 апреля 2020

Я создаю интернет-магазин, используя nuxt и nuxt generate для развертывания моего приложения на Apache.

Я создал компонент под названием ArticuloCard, который представляет один из моих продуктов для продажи. У этого компонента есть изображение продукта, описание, цена и т. Д. c.

. Я использую этот компонент на своей странице индекса, чтобы показать некоторые рекомендуемые продукты, такие как:

<v-layout wrap>
  <v-flex v-for="(articulo, j) in filteredArticulos" :key="j" class="md3 lg3" d-flex>
    <ArticuloCard v-bind:articulo="articulo" v-bind:dest="false"/>
  </v-flex>
</v-layout>

At с этого момента все работает нормально, когда я запускаю свое приложение в режиме разработки. Если я проверю исходный код страницы в браузере, то html правильный, у него есть все href, price, image и т. Д.

Проблема возникает, когда я запускаю nuxt generate, так как я хочу на странице c, чтобы сканер Google проиндексировал страницу. Результирующий html для страницы индекса не содержит ни одного из html, упомянутых выше, он показывает только четыре пустых строки, где должна быть ArticuloCard.

Из-за того, что сканер Google не может индексировать весь страница, так как нет ссылок для перехода, она останавливается на главной странице.

Я не знаю, так ли это при использовании nuxt generate, но я думаю, что он должен отображать компоненты, так как это stati c сайт. Кто-нибудь знает, как я могу добиться этого, или знает любой другой способ напечатать html?

Спасибо за вашу помощь и извините за длинный вопрос.

1 Ответ

0 голосов
/ 09 апреля 2020

Получаете ли вы filteredArticulos из вызова API? Если это так, взгляните на asyncData Nuxt JS.

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

...