#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 — смотрите Этот выпуск