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

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

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


vue.js server-side-rendering rendering gridsome
person Milind Singh    schedule 26.12.2020    source источник
comment
gridsome создает статический сайт из ваших исходников. Вы пытаетесь остановить загрузку SPA в фоновом режиме?   -  person kasvith    schedule 26.12.2020
comment
@kasvith ... это не совсем правильно. Gridsome создает статический HTML-код, да, но Vue по-прежнему берет на себя рендеринг после загрузки всего JS ...   -  person Michal Levý    schedule 26.12.2020
comment
Да, Vue используется там как SPA, поэтому, как только вы загрузите страницу, она загрузит остальные в фоновом режиме. Это не чистый HTML, как в hugo.   -  person kasvith    schedule 26.12.2020
comment
Собственно, ваш вопрос непонятен.   -  person kasvith    schedule 26.12.2020

Ответы (1)


arrow_upward
0
arrow_downward

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

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

Вот образец index.html шаблона:

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

Благодарим DerAlbertCom - см. эту проблему

person Michal Levý    schedule 26.12.2020