Блог

Главная - Вопросы по программированию - Как остановить рендеринг на стороне клиента в Gridsome?

Как остановить рендеринг на стороне клиента в Gridsome?

#vue.js #rendering #server-side-rendering #gridsome

#vue.js #рендеринг #рендеринг на стороне сервера #gridsome

Вопрос:

Данные на моей странице повторно генерируются при рендеринге компонента Gridsome Vue в браузере, который уже предварительно сгенерирован в SSR.

Как остановить и остановить рендеринг компонента Vue на стороне клиента?

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

1. gridsome создает статический сайт из ваших источников. Вы пытаетесь остановить загрузку SPA в фоновом режиме?

2. @kasvith … это не совсем правильно. Gridsome создает статический HTML, да, но Vue все еще существует, а после загрузки всего JS берет на себя рендеринг…

3. Да, Vue используется там как SPA, поэтому, как только вы загрузили страницу, она загрузит остальные в фоновом режиме. Это не чистый HTML, как в hugo.

4. На самом деле, ваш вопрос неясен.

Ответ №1:

Я не думаю, что вы можете сделать это для каждого компонента.

Но вы можете отказаться от Vue, не загружая никаких JS, созданных для вашего приложения, переопределив значение по умолчанию Index.html , что, конечно, отключит любую функциональность Vue на стороне клиента

Вот пример index.html шаблона:

 <!DOCTYPE html>
<html ${htmlAttrs}>
  <head>
    ${title}
    ${base}
    ${hash}
    ${vueMetaTags}
    ${vueMetaLinks}
    ${styles}
    ${vueMetaStyles}
    ${vueMetaScripts}
  </head>
  <body ${bodyAttrs}>
    ${app}
  </body>
</html>

Заслуга DerAlbertCom — смотрите Этот выпуск