一. 创建项目

1. 执行命令 vue create ssr创建一个vue项目
2. 目录下创建server，新建index.js，未来用node启动服务

const express = require('express')
const renderer = require('vue-server-renderer').createRenderer()
const Vue = require('vue')

const app = express()

const page = new Vue({
    template: `<div>hello </div>`
})

app.get('/', async (req, res) => {
    try {
        const html = await renderer.renderToString(page)
        res.send(html)
    } catch (error) {
        res.status(500).send('错误')
    }
})

app.listen(3000,()=>{
    console.log('服务器启动。。3000');
})

3. 启动后访问localhost:3000得到返回的页面

二、使用vue router