ssr服务端渲染搭建

前提：需要安装了vue-cl node

1.npm init -y初始化一个项目

2.修改package.json文件 

3.新建一个server.js文件

4.添加相关代码server.js

const Vue = require('vue')
//1.创建vue实例
const app = new Vue({
    template:`<div>hello</div>`
})
//2.创建渲染函数
const renderer = require('vue-server-renderer').createRenderer();
//3.将vue实例渲染为html
// renderer.renderToString(vue实例,（错误,渲染后的html)=>{})
// renderer.renderToString(app,(err,html)=>{
//     if(err) throw err;
//     console.log(html)
// })

//在2.5.0+如果没有传入回调函数，则回返回promise 执行需要注释上面的方法
renderer.renderToString(app).then((html)=>{
    console.log('html',html)
}).catch((err)=>{
console.log('err',err)
})

5.本来已经写好了一篇很完整的 不知道是不是bug的原因 居然没有保存到 刷新下页面都没了 然后我就简单写了下了

相关代码已上传到码云上 附上链接

太久没写了 请大家多多指教

标签：vue,const,err,渲染,app,ssr,html,renderer,服务端
来源： https://www.cnblogs.com/zczc1996/p/15598907.html