как сделать рендеринг ssr в приложении vuejs2, у которого нет шаблона веб-пакета

Question

Я новичок в vuejs и проследовал по этой ссылке для создания нового проекта с vue cli.Я создал Vue Cli без использования каких-либо шаблонов веб-пакетов.Какая польза от создания проекта с помощью шаблона веб-пакета?Как я могу сделать SSR рендеринг в моем проекте?

Answer 1

Документация: https://ssr.vuejs.org/guide/#installation

Пример:

// Step 1: Create a Vue instance
const Vue = require('vue')
const app = new Vue({
  template: `<div>Hello World</div>`
})

// Step 2: Create a renderer
const renderer = require('vue-server-renderer').createRenderer()

// Step 3: Render the Vue instance to HTML
renderer.renderToString(app, (err, html) => {
  if (err) throw err
  console.log(html)
  // => <div data-server-rendered="true">Hello World</div>
})

// in 2.5.0+, returns a Promise if no callback is passed:
renderer.renderToString(app).then(html => {
  console.log(html)
}).catch(err => {
  console.error(err)
})