如何在没有webpack模板的vuejs2应用中进行ssr渲染

Question

我是vuejs的新手，我跟随this link用vue cli创建了一个新项目。我在没有使用任何webpack模板的情况下创建了vue线索。用webpack模板创建项目有什么用？如何在我的项目中进行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)
})